body{
    margin:auto;
    padding:auto;
    background-color: rgb(221, 240, 244);
    font-family: "rooney-sans", sans-serif;
    font-weight: 500;
    font-style: normal;
}

#lotus {
    float: right;
    margin-top: auto;
    margin-bottom: auto;
    max-height: 100px;
    max-width: 100px;
    max-width: 25%;
    margin-right: 20px;
    border-radius: 100%;
    padding-bottom: 15px;
    justify-content: center;
}

main  {
    display: flex;
    border-bottom: 2px rgb(5, 100, 110) solid;
    background-image: url('AdobeStock_150680243.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
    padding-bottom: 5px;
    margin-bottom: none;
}

main h1 {
    font-size: 22px;
    font-weight: bold;
    
}
h2 {
    font-size: 20px;
}
#headleft {
    float: left;
    padding-left: 3%;
    width: 74%;
    color: white;
    text-shadow: 3px 1px 6px rgb(16, 79, 87);
}
#content {
    background-color: rgb(221, 240, 244);
    margin-top: -20px;
    z-index: 0;
    padding: 20px;
}
.boxes {
    background: linear-gradient(-45deg, rgba(232, 231, 231, 0.22), rgba(255,255,255,0.25));
    background-color: white;
    border-radius: 20px;
    padding: 2px 10px 3px 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#flexed {
    display: flex;
}
#flexed li {
    padding-right: 25px;
}
@media only screen and (min-width: 600px) {
    main h1 {
        font-size: 27px;
        font-weight: bold;
    }
  }

  @media only screen and (min-width: 800px) {
    main h1 {
        font-size: 35px;
        font-weight: bold;
    }
    h2 {
        font-size: 25px;
    }
    #lotus {
        max-width: 10%;
        max-height: 130px;
        max-width: 130px;
        margin-top: 10px;
        margin-bottom: 10px;
        
    }
  }

  @media only screen and (min-width: 1000px) {
    main h1 {
        font-size: 40px;
        font-weight: bold;
    }
    #lotus {
        max-width: 7%;
        max-height: 150px;
        max-width: 150px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    main h3 {
        font-size: 23px;
        padding-bottom: 10px;
    }
  }