#environment-header {
    background-image: url("../images/xs/environment/xs-cover-enviroment.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 246px;
}
#environment-header h1 {
    font-family: var(--font-secondary);
    font-size: 70px;
    font-weight: 500;
    line-height: 72px;
}

#efforts #panel-1 {
    background-color: #CFECFF;
}
#efforts #panel-2 {
    background-color: #2C9681;
    height: 512px;
}
#efforts #panel-3 {
    background-color: #335566;
    height: 592px;
    z-index: 1;
}
#efforts #panel-4 {
    background-color: #2C9681;
    z-index: 2;
}
#efforts #panel-5 {
    background-color: #A3884A;
}
#efforts #panel-6 {
    background-color: #CFECFF;
    height: 797px;
    z-index: 1;
}
#efforts #panel-7 {
    background-color: #186B5B;
    z-index: 0;

}

#efforts #panel-1 .title-1 {
    font-family: var(--font-secondary);
    font-size: 40px;
    font-weight: 400;
    line-height: 36.4px;
    text-align: center;
    color: #658FA0;
}
#efforts #panel-1 .title-2 {
    font-family: var(--font-secondary);
    font-size: 60px;
    font-weight: 500;
    line-height: 57.6px;
    text-align: center;
    /* background: linear-gradient(to bottom, #658FA0, transparent);
    background-clip: text; */
    color: #658FA0;
}
#efforts #panel-2 .subtitle-1 {
    font-family: var(--font-secondary);
    font-size: 41px;
    font-weight: 400;
    line-height: 37.31px;
}

#efforts #panel-2 .subtitle-2 {
    font-family: var(--font-secondary);
    font-size: 60px;
    font-weight: 400;
    line-height: 54.6px;    
}
#efforts #panel-3 .img-book {
    top: -45px;
}
#efforts #panel-3 .subtitle {
    font-family: var(--font-primary);
    font-size: 21px;
    font-weight: 400;
    line-height: 30.45px;
    text-align: center;
    color: white;
}
#efforts #panel-3 .title {
    font-family: var(--font-secondary);
    font-size: 50px;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
    color: white;
}

#efforts #panel-4 .title {
    font-family: var(--font-primary);
    font-size: 21px;
    font-weight: 300;
    line-height: 30.45px;
    text-align: center;
    color: white;
}
#efforts #panel-4 .number {
    font-family: var(--font-secondary);
    font-size: 60px;
    font-weight: 400;
    line-height: 65.4px;
    text-align: center;
    color: white;
}
#efforts #panel-4 .subtitle {
    font-family: var(--font-secondary);
    font-size: 41px;
    font-weight: 400;
    line-height: 44.69px;
    text-align: center;
    color: white;
}

#efforts #panel-5 h1,
#efforts #panel-7 h1 {
    font-family: var(--font-secondary);
    font-size: 60px;
    font-weight: 500;
    line-height: 57.6px;
    text-align: center;
    color: white;
}

#efforts #panel-6 .title {
    font-family: var(--font-secondary);
    font-size: 60px;
    font-weight: 400;
    line-height: 54.6px;
    text-align: center;
    color: #658FA0;
}
#efforts #panel-6 .number {
    font-family: var(--font-secondary);
    font-size: 60px;
    font-weight: 400;
    line-height: 57px;
    text-align: center;
    color: #658FA0;
}
#efforts #panel-6 .subtitle {
    font-family: var(--font-secondary);
    font-size: 41px;
    font-weight: 400;
    line-height: 38.95px;
    text-align: center;
    color: #658FA0;
}

#bottom h1 {
    font-family: var(--font-primary);
    font-size: 25px;
    font-weight: 400;
    line-height: 36.25px;
    text-align: left;
    color: #172A3C;
}
#bottom p {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 29.44px;
    text-align: left;
    color: #172A3C;
}

/* SM Style */
@media only screen and (min-width: 426px) {
    #efforts #panel-3 { height: 720px; }
}
/* MD Style */
@media only screen and (min-width: 769px) {
    #environment-header {
        background-image: url("../images/m/environment/m-cover-enviroment.jpg");
        height: 169px;
    }
    #environment-header h1 {
        font-family: var(--font-secondary);
        font-size: 70px;
        line-height: 67.2px;
    }

    #efforts #panel-2 { height: 588px; }
    #efforts #panel-3 { height: 873px; }
    #efforts #panel-4 .title {
        font-size: 25px;
        line-height: 36.25px;
    }
    #efforts #panel-4 .number {
        font-size: 70px;
        line-height: 67.2px;
    }
    #efforts #panel-4 .subtitle {
        font-size: 45px;
        line-height: 54px;
    }
    #efforts #panel-5 h1,
    #efforts #panel-7 h1 {
        font-size: 65px;
        line-height: 62.4px;
    }
    #efforts #panel-6 { height: 861px; }
    #efforts #panel-6 .title {
        font-size: 75px;
        line-height: 68.25px;
    }
    #efforts #panel-6 .number {
        font-size: 70px;
        line-height: 62.2px;
    }
    #efforts #panel-6 .subtitle {
        font-size: 45px;
        line-height: 48.6px;
    }
    
}
/* LG Style */
@media only screen and (min-width: 993px) {
    #environment-header {
        background-image: url("../images/l/environment/l-cover-enviroment.jpg");
        height: 193px;
    }
    #environment-header h1 {
        font-family: var(--font-secondary);
        font-size: 70px;
        line-height: 67.2px;
    }
    #environment-top-panel {
        min-height: 712px;
    }
    #environment-top-panel .img-digital-tools {
        position: absolute;
        right: 0;
    }
    #efforts #panel-2 { height: 405x; }
    #efforts #panel-3 .subtitle {
        font-size: 25px;
    }
    #efforts #panel-3 .title {
        font-size: 70px;
        line-height: 67.2px;
    }
    #efforts #panel-6 { height: 716px; }
    #bottom .img-bottom { min-width: 309px; }
    
}
/* XL Style */
@media only screen and (min-width: 1201px) {
    #environment-header {
        background-image: url("../images/xl/environment/xl-cover-enviroment.jpg");
        height: 211px;
    }
    #environment-header h1 {
        font-family: var(--font-secondary);
        font-size: 85px;
        line-height: 95.2px;
    }
    #efforts #panel-2 { height: 457px; }

    #efforts #panel-2 .subtitle-1 {
        font-size: 46px;
    }
    
    #efforts #panel-2 .subtitle-2 {
        font-size: 68px;
    }
    #efforts #panel-3 { height: 823px; }
    #efforts #panel-3 .subtitle {
        font-size: 28px;
    }
    #efforts #panel-3 .title {
        font-size: 75px;
        line-height: 67.2px;
    }
    #efforts #panel-4 .title {
        font-size: 28px;
        line-height: 40.6px;
    }
    #efforts #panel-4 .number {
        font-size: 75px;
        line-height: 71.25px;
    }
    #efforts #panel-4 .subtitle {
        font-size: 50px;
        line-height: 60px;
    }
    #efforts #panel-5 h1,
    #efforts #panel-7 h1 {
        font-size: 70px;
        line-height: 70px;
    }
    #efforts #panel-6 { height: 806px; }
    #efforts #panel-6 .number {
        font-size: 75px;
        line-height: 71.25px;
    }
    #efforts #panel-6 .subtitle {
        font-size: 50px;
        line-height: 60px;
    }
    #bottom h1 {
        font-size: 28px;
        line-height: 40.6px;
    }
    #bottom .img-bottom { min-width: 367px; }
}
/* XXL Style */
@media only screen and (min-width: 1441px) {
    #environment-header {
        background-image: url("../images/xxl/environment/xxl-cover-enviroment.jpg");
        height: 367px;
    }
    #environment-header h1 {
        font-family: var(--font-secondary);
        font-size: 150px;
        line-height: 168px;
    }

    #efforts #panel-2 { height: 629px; }

    #efforts #panel-2 .subtitle-1 {
        font-size: 55px;
    }
    
    #efforts #panel-2 .subtitle-2 {
        font-size: 77px;
    }
    #efforts #panel-3 { height: 1013px; }
    #efforts #panel-3 .subtitle {
        font-size: 40px;
    }
    #efforts #panel-3 .title {
        font-size: 85px;
        line-height: 67.2px;
    }

    #efforts #panel-4 .title {
        font-size: 40px;
        line-height: 36.4px;
    }
    #efforts #panel-4 .number {
        font-size: 85px;
        line-height: 80.75px;
    }
    #efforts #panel-4 .subtitle {
        font-size: 50px;
        line-height: 60px;
    }
    #efforts #panel-5 h1,
    #efforts #panel-7 h1 {
        font-size: 80px;
        line-height: 80.8px;
    }
    #efforts #panel-6 .title {
        font-size: 130px;
        line-height: 118.3px;
    }
    #efforts #panel-6 .number {
        font-size: 85px;
        line-height: 80.75px;
    }
    #efforts #panel-6 .subtitle {
        font-size: 50px;
        line-height: 60px;
    }
    #bottom h1 {
        font-size: 35px;
        line-height: 50.75px;
    }
    #bottom p {
        font-size: 18px;
        line-height: 33.12px;
    }
    #bottom .img-bottom { min-width: 484px; }
}