@media screen and (max-width: 1440px) {

    .vision-content-right h1 {
        font-size: 40px !important;
        line-height: 1;
    }

    .did-you-know-content-1 img {
        margin-top: 20% !important;
    }

    .did-you-know-content-1 h4 {
        font-size: 30px !important;
    }

    .did-you-know-content-1 p {
        padding: 0px 80px !important;
    }

    .due-to-content-1 h5 {
        font-size: 30px !important;
    }

    .due-to-content-3 p {
        font-size: 23px !important;
    }

    .due-to-content-2 h6 {
        width: 11% !important;
        font-size: 25px !important;
    }

    .due-to-content-4 p {
        font-size: 25px !important;
    }

    .elevate-2 h1 {
        padding: 5% 0 !important;
        font-size: 40px !important;
    }

    .elevate-2 .pd-80 {
        padding: 60px 4!important;
    }

    .elevate-2 ul li {
        font-size: 25px!important;
    }

    .are-you-ready-mobile {
        padding: 0 25%;
    }

    .are-you-ready .text-contents {
        padding: 0px 10%!important;
        padding-top: 180px !important;
    }

    .are-you-ready h2 {
        font-size: 30px !important;
    }

    .ready-to-level h1 {
        font-size: 35px !important;
    }

    .ready-to-level p {
        font-size: 17px !important;
    }

    .ready-to-level .text-links h1 {
        padding: 0px 200px !important;
    }

    .ready-to-level .text-links button {
        font-size: 18px !important;
    }   
}

@media screen and (max-width: 1024px) {

    .vision-content-left img {
        height: 35vh!important;
    }

    .vision-content-right h1 {
        font-size: 35px !important;
    }

    .vision-content-right p {
        font-size: 18px !important;
    }

    .elevate-2 a,
    .vision-content-right a {
        font-size: 16px !important;
    }

    .did-you-know-content-1 h4 {
        font-size: 27px !important;
    }

    .did-you-know-content-1 p {
        padding: 0px 40px !important;
        font-size: 16px!important;
    }

    .due-to-content-1 h5 {
        font-size: 27px !important;
        padding: 0 3% !important;
    }

    .due-to .due-to-content-2,
    .due-to .due-to-content-4 {
        padding-top: 50px !important;
        padding-left: 45px !important;
    }

    .due-to-content-2 h6 {
        width: 17% !important;
    }

    .due-to-content-3 p {
        font-size: 19px !important;
        padding-left: 7% !important;
    }

    .img-sample {
        width: 80% !important;
        padding: 0 9px !important;
    }

    .img-vision {
        width: 80% !important;
        padding-left: 5% !important;
    }

    .elevate-2 h1 {
        padding: 8% 0 !important;
        font-size: 30px !important;
    }

    .elevate-2 ul li {
        font-size: 22px !important;
        padding-right: 13% !important;
    }

    .elevate-2 div {
        width: 90% !important;
    }

    .are-you-ready-mobile {
        padding: 0 11%;
    }

    .are-you-ready .text-contents {
        padding: 0px 1% !important;
        padding-top: 120px !important;
    }

    .ready-to-level .paragraph p {
        margin-top: 30px !important;
        padding-right: 3px !important;
        font-size: 16px !important;
    }

    .ready-to-level .text-links h1 {
        padding: 0px 10px !important;
        margin-top: 40px !important;
    }

    .ready-to-level h1 {
        font-size: 35px !important;
    }

    .ready-to-level .text-links button {
        font-size: 17px !important;
    }

    .ready-to-level p {
        font-size: 16px !important;
    }               
}

@media screen and (max-width: 768px) {

    .vision-content-left,
    .vision-content-right,
    .elevate-1,
    .elevate-2,
    .paragraph,
    .check-list {
        width: 100% !important;
    }

    .did-you-know-content-1 {
        width: 100% !important;
        margin-top: -170px !important;
    }

    .did-you-know-content-1 img {
        width: 30% !important;
    }

    .did-you-know-content-1 p {
        font-size: 20px !important;
    }

    .did-you-know-content-1 h4 {
        font-size: 30px !important;
    }

    .img-sample {
        width: 65% !important;
    }

    .img-vision {
        width: 50% !important;
    }

    .elevate-2 h1 {
        font-size: 35px !important;
        padding: 0 !important;
    }

    .elevate-2 {
        padding-left: 7% !important;
    }

    .elevate-2 a,
    .vision-content-right a {
        font-size: 20px !important;
    }

    .are-you-ready-content {
        width: 100% !important;
        padding-bottom: 100px !important;
    }

    .pad-bottom-80 {
        padding-bottom: 5px !important;
    }

    .are-you-ready .text-contents {
        padding: 0 !important;
        padding-top: 25px !important;
    }

    .text-contents .float-start,
    .text-contents .float-end {
        float: none !important;
    }

    .are-you-ready img {
        width: 40% !important;
    }

    .ready-to-level .paragraph p {
        font-size: 18px !important;
    }
    
    .ready-to-level h1 {
        font-size: 30px !important;
    }

    .ready-to-level .text-links .button-group {
        padding-top: 20px !important;
    }

    .are-you-ready h1 {
        font-size: 40px !important;
    }

    .ready-to-level {
        padding: 35px !important;
    }

    .ready-to-level .text-links .button-group {
        margin: 0 !important;
    }
    
    .due-to-content-4 p {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 425px) {

    .vision-content-left img {
            height: 30vh !important;
        }

    .vision-content-right h1 {
        font-size: 35px !important;
    }

    .did-you-know-content-1 p,
    .vision-content-right p,
    .elevate-2 a,
    .vision-content-right a {
        font-size: 16px !important;
    }

    .did-you-know-content-1 {
        margin-top: -100px !important;
    }

    .did-you-know-content-1 h4 {
        font-size: 30px !important;
    }

    .due-to-content-1 h5 {
        font-size: 25px !important;
        padding: 0 2% !important;
    }

    .due-to-content-2 h6 {
        width: 40% !important;
        font-size: 26px !important;
    }

    .due-to .due-to-content-2,
    .due-to .due-to-content-4 {
        padding-top: 30px !important;
        padding-left: 25px !important;
    }

    .due-to-content-3 p {
        font-size: 16px !important;
        padding-left: 3% !important;
    }

    .due-to-content-4 p {
        font-size: 20px !important;
    }

    .due-to-content-3 {
        padding-bottom: 50px !important;
    }

    .img-vision {
        width: 65% !important;
    }

    .img-sample {
        width: 80% !important;
    }

    .elevate-2 h1 {
        font-size: 25px !important;
    }

    .elevate-2 ul li {
        font-size: 17px !important;
        padding-right: 0 !important;
    }

    .elevate-2 .pd-80 {
        padding: 30px !important;
    }

    .are-you-ready h1 {
        font-size: 35px !important;
        margin: 0px !important;
    }

    .are-you-ready h1 {
        margin-bottom: 65px !important;
    }

    .are-you-ready h2 {
        font-size: 30px !important;
    }

    .are-you-ready h2 {
        font-size: 25px !important;
    }

    .are-you-ready .text-contents button {
        font-size: 18px !important;
    }

    .ready-to-level p {
        font-size: 12px !important;
    }

    .ready-to-level h1 {
        font-size: 25px !important;
    }

    .ready-to-level .text-links button {
        font-size: 12px !important;
    }

    .ready-to-level .text-links h1 {
        padding: 0px 10px !important;
        margin-top: 25px !important;
    }

    .ready-to-level .check-list img {
        height: 50px !important;
        width: 50px !important;
    }

    .are-you-ready {
        padding: 30px !important;
    }

    .ready-to-level .text-links .button-group button {
        width: 75% !important;
    }
}

@media screen and (max-width: 375px) {

    .due-to-content-3 img {
        width: 40px;
    }

    .due-to-content-3 p {
        font-size: 13px !important;
    }

    .due-to-content-1 h5 {
        font-size: 20px !important;
    }

    .due-to-content-2 h6 {
        width: 35% !important;
        font-size: 20px !important;
    }

    .due-to .due-to-content-2,
    .due-to .due-to-content-4 {
        padding-top: 20px !important;
        padding-left: 25px !important;
    }

    .due-to-content-4 p {
        font-size: 16px !important;
    }
}

.pd-80 {
    padding: 80px 0;
}

.pad-bottom-80 {
    padding-bottom: 80px;
}

.vision {
    background-color: #222831;
}

.vision-content-left {
    background-image: url(lb/leadership-img.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vision-content-left img {
    object-fit: contain;
    width: 100%;
    height: 40vh;
}

.vision-content-right h1 {
    font-family: "the_seasonsregular"!important;
    color: #bf9745 !important;
    font-size: 45px;
}

.vision-content-right p {
    text-align: start;
    font-size: 20px;
    padding: 20px;
}

.vision-content-right div {
    padding: 20px;
}

.elevate-2 button,
.vision-content-right button,
.are-you-ready button,
.ready-to-level button {
    font-family: "Montserrat", sans-serif !important;
    color: #bf9745;
    border: 1px solid #bf9745;
    padding: 0.75rem 1.5rem;
    background-color: transparent;
    text-decoration: none;
    margin: 20px;
}

.elevate-2 a,
.vision-content-right a {
    letter-spacing: 5px;
    font-size: 20px;
    color: #bf9745 !important;
    text-decoration: none;
}

.did-you-know-content h1 {
    text-align: center;
    font-family: "the_seasonsregular" !important;
    letter-spacing: 2;
    font-weight: 400;
}

.did-you-know-content-1 {
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.did-you-know-content-1 img {
    object-fit: contain;
    width: 45%;
    height: auto;
    margin-top: 25%;
}

.did-you-know-content-1 p {
    color: #bf9745 !important;
    padding: 0 115px;
    font-size: 18px;
    line-height: 25px;
}

.did-you-know-content-1 h4 {
    font-family: "the_seasonsregular" !important;
    font-size: 35px;
}

.due-to {
    background-color: #222831;
}

.due-to-content-1 h5 {
    color: #bf9745 !important;
    padding: 0 7%;
    font-family: "the_seasonsregular" !important;
    font-size: 35px;
}

.due-to-content-2 h6 {
    border-top: 2px solid white;
    width: 12%;
    font-size: 35px;
    font-weight: 400;
    font-family: "the_seasonsregular" !important;
    letter-spacing: 2;
}

.due-to-content-3 p {
    text-align: start;
    font-weight: 600;
    letter-spacing: 2;
    padding-left: 13%;
    font-size: 25px;
}

.due-to-content-3 {
    padding-top: 10px;
    padding-bottom: 80px;
}

.due-to-content-2,
.due-to-content-4 {
    padding-top: 80px;
    padding-left: 145px !important;
    padding-bottom: 20px;
}

.due-to-content-4 p {
    text-align: start;
    font-weight: 400;
    letter-spacing: 2;
    font-size: 30px;
}

.elevate-2 h1 {
    color: #bf9745 !important;
    padding: 8% 0;
    font-family: "the_seasonsregular" !important;
    font-size: 50px;
    letter-spacing: 2;
}

.elevate-2 hr {
    width: 30%;
    border: none;
    border-top: 2px solid white;
}

.elevate-1 {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
}

.img-vision {
    height: auto;
    width: 60%;
    padding-left: 10%;
}

.elevate-2 ul {
    list-style: disc;
    padding-left: 2%;
}

.elevate-2 ul li {
    font-size: 30px;
    font-weight: 300;
    padding-right: 30%;
}

.img-sample {
    width: 75%;
    margin-top: -10%;
    padding: 0 53px;
}

.elevate-2 div {
    display: flex;
    flex: 1;
    align-items: end;
    width: 70%;
}

.elevate-2 div button {
    flex: 1;
    margin: 0;
}

.elevate-2 {
    display: flex;
    flex-direction: column;
}

.are-you-ready {
    padding: 80px;
    background-image: url('lb/LeaderofTeam.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.are-you-ready img {
    width: 45%;
    height: auto;
    object-fit: contain;
}

.are-you-ready h1,
.are-you-ready h2 {
    font-family: "the_seasonsregular"!important;
}

.are-you-ready h1 {
    font-size: 50px;
    margin-bottom: 150px;
}

.are-you-ready h2 {
    font-size: 35px;
}

.are-you-ready .text-contents {
    padding: 0 22%;
    padding-top: 250px;
    text-align: center;
}

.are-you-ready .text-contents h2 {
    color: #bf9745 !important;
}

.are-you-ready .text-contents button {
    display: inline;
    font-size: 20px;
    letter-spacing: 3;
}

.are-you-ready .text-contents button a {
    color: #bf9745 !important;
    text-decoration: none;
}

.ready-to-level {
    padding: 80px;
    background-color: #222831;
}

.ready-to-level h1 {
    color: #bf9745 !important;
    font-family: "the_seasonsregular"!important;
    font-size: 40px;
}

.ready-to-level p {
    text-align: left;
    font-size: 20px;
}

.ready-to-level .paragraph p {
    margin-top: 40px;
    padding-right: 50px;
}

.ready-to-level .check-list {
    align-self: center;
}

.ready-to-level .check-list p {
    font-weight: bolder;
}

.ready-to-level .check-list img {
    height: 70px;
    width: 70px;
}

.ready-to-level .text-links {
    text-align: center;
}

.ready-to-level .text-links h1 {
    margin-top: 60px;
    padding: 0px 355px;
}

.ready-to-level .text-links button {
    font-size: 20px;
    letter-spacing: 3;
}

.ready-to-level .text-links button a {
    color: #bf9745 !important;
    text-decoration: none;
}

.ready-to-level .text-links .button-group {
    margin: 0 -80px;
    padding-top: 80px;
}

.ready-to-level .text-links .button-group a {
    color: #ffffff !important;
    text-decoration: none;
}

.ready-to-level .text-links .button-group button {
    font-size: 20px;
    background-color: #bf9745;
    color: white;
    width: 40%;
    letter-spacing: 3;
}

.button-group button a:hover {
    color: #FFF!important;
}