.niveles_info {
    display:flex;
    position:relative;
}
.n_images {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    bottom:0;
    z-index:1;
}
.n_images img {
    height:auto;
    float:left;
    margin-right:auto;
}
.niveles_info div:first-child {
    display:flex;
    flex:1;
    width:100%;
}
.niveles_info div:last-child {
    display:flex;
    flex:1;
    width:100%;
}
.niveles_left {
    display:flex;
    flex:1;
    flex-flow:column;
    z-index:99999;
}
.niveles_left div:last-child {
    display:flex;
    align-items:center;
    justify-content: center;
    max-height:40px;
}
/* .bg_particip_en {
    background-image: url(../svg/education/bg_particip_en-01-01.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
}
.bg_particip_es {
    background-image: url(../svg/education/bg_particip_es-01-01.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
} */

#reveal1 {
    opacity: 0;
    -webkit-transform: scale(0.9);
         -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
             -o-transform: scale(0.9);
                    transform: scale(0.9);
    -webkit-transition: all .6s ease-in-out;
         -moz-transition: all .6s ease-in-out;
            -ms-transition: all .6s ease-in-out;
             -o-transition: all .6s ease-in-out;
                    transition: all .6s ease-in-out;
}
#reveal1.visible {
    opacity: 1;
    -webkit-transform: none;
         -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                    transform: none;
}
.relative_p {
    position:relative;
}
.info_copy_text {
    display:flex;
    flex-flow:column;
    width:80%;
    flex:1;
    align-items:center;
    justify-content:center;
    align-self:center;
    justify-self: center;
    margin:auto;
    margin:30px auto 20px auto;
}
.info_copy_text p {
    text-align:center;
}
.info_copy {
    display:block;
    position:absolute;
    width:60%;
    height:25%;
    margin:auto;
    background-color:rgba(255, 255, 255, 0.938);
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:99999;
    border-radius:14px;
    border: 2px solid #e6e6e6e8;
}
.clampBG {
    background-size: clamp(800px, 100%, 1600px) auto;
}
.steps_5 div div div.card {
    background-color:transparent;
    border:none;
}
.arrow_infographic.en {
    display:flex;
    position:absolute;
    width:98%;
    height:100%;
    margin:auto 55px auto 0;
    top:0;
    bottom:0;
    background-image: url(../svg/education/mobile/mod_4_infog-en-mobile.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
}
.arrow_infographic.es {
    display:flex;
    position:absolute;
    width:98%;
    height:100%;
    margin:auto 55px auto 0;
    top:0;
    bottom:0;
    background-image: url(../svg/education/mobile/mod_4_infog-es-mobile.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
}

.steps_5 {
    position:relative;
}
.top_steps .card {
    min-height:200px;
    text-align:center;
}
.bottom_steps .card {
    min-height:200px;
    text-align:center;
}
.stepholder {
    position:relative;
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
    height:100%;
}
.stepholder span {
    display:flex;
    position:absolute;
    margin:auto;
    justify-self:center;
    font-size:.9rem;
    transition: all 600ms ease-in-out;
}
.stepholder span.topa {
    align-self:flex-start;
}
.stepholder span.bottoma {
    align-self:center;
}
.stepholder span:hover {
    display:flex;
    position:absolute;
    margin:auto;
    align-self:center;
    justify-self:center;
    font-size:1rem;
}
.holder {
    position:relative;
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
}
.holder span {
    display:flex;
    position:absolute;
    margin:auto;
    align-self:center;
    justify-self:center;
    font-size:.9rem;
}
.w_88 {
    width:88%;
}
.figure_text {
    width:75%;
}
img.figure3 {
    display:block;
    position:relative;
    width:80%;
    height:80%;
    margin:0 auto;
}
.tip {
	display: inline-block;
	cursor: pointer;
}
.hidden {
    display:none;
}
.figure2_overlay {
    display:block;
    position:absolute;
    z-index:999;
    width:100%;
    height:auto;
    margin:0 auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    cursor:pointer;
    background-image: url(../svg/education/mobile/Figure2-ES-Mobile.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    background-color: white;
    pointer-events:none;
}
.figure2_overlay_en {
    display:block;
    position:absolute;
    z-index:999;
    width:100%;
    height:auto;
    margin:0 auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    cursor:pointer;
    background-image: url(../svg/education/mobile/Figure2-EN-Mobile.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    background-color: white;
    pointer-events:none;
}
.edu_section_center p {
    font-size: 1.2rem;
    font-weight: 400;
}
img.click_icon {
    color:white !important;
}
.edu_bubble {
    display:flex;
    flex-flow:row;
    flex:1;
    width:75%;
    border-radius:14px;
    overflow:hidden;
    padding:40px;
    justify-content:space-around;
    align-items:center;
    margin:40px auto 0 auto;
}
.edu_bubble span {
    font-size:1.6rem;
    font-weight:400;
    color:white;
    padding:0;
    margin:0;
}
.edu_bubble svg {
    display:flex;
    flex:1;
    font-size:3.6rem;
    font-weight:800;
    line-height:1.4;
    color:white;
    margin-right:40px;
}
.mod1_static_bg {
    background-image: url(../img/education/wcrp_module_scene_ideal_desktop.png), url(../svg/interactive/sustainable_community/bg_clouds.svg);
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:100% auto;
    background-attachment: fixed;
    background-color: rgb(181, 221, 236);
    transition: all 600ms ease-in-out;
}
.mod2_static_bg {
    background-image: url(../svg-bg/module2_scene-01.svg), url(../svg/interactive/sustainable_community/bg_clouds.svg);
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:100% auto;
    background-attachment: fixed;
    background-color: rgb(181, 221, 236);
    transition: all 600ms ease-in-out;
}
.full_class {
    background-image: url(../svg-bg/module3_scene-01.svg);
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:100% auto;
    background-attachment: fixed;
    background-color: rgb(181, 221, 236);
    transition: all 600ms ease-in-out;
}
.quiz_bg {
    background-image: url(../svg/interactive/class1/front_seats.svg), url(../svg/interactive/class1/back_seat.svg);
    background-repeat:no-repeat;
    background-position:bottom center, bottom center;
    background-size:100% auto;
    background-attachment: fixed;
    background-color: rgb(181, 221, 236);
    transition: all 600ms ease-in-out;
}
.mod3_static_bg {
    background-image: url(../svg/interactive/class1/front_seats.svg), url(../svg/interactive/class1/back_seat.svg), url(../img/education/whiteboard.png);
    background-repeat:no-repeat;
    background-position:bottom center, bottom center, center center;
    background-size:100% auto;
    background-attachment: fixed;
    background-color: rgb(181, 221, 236);
    transition: all 600ms ease-in-out;
}
.mod4_static_bg {
    background-image: url(../img/education/module_4_\ bg_scene.png), url(../svg/interactive/sustainable_community/bg_clouds.svg);
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:100% auto;
    background-attachment: fixed;
    background-color: rgb(181, 221, 236);
    transition: all 600ms ease-in-out;
}
.scroll_body1 {
    height:100%;
    max-height:169px;
    overflow-x:scroll;
}
.scroll_body1_img {
    max-height:169px;
}
span.edu_intro_txt1 {
    font-size:1.4rem;
    font-weight:800;
}
.modal-dialog {
    max-width:580px;
}
.mod1_dl_doc1 {
    background-image: url(../img/education/download_docs_Icons/mod1_dl_doc.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:auto 100%;
}
.jqcloud-word {
    font-weight:800;
}
.edu_hint {
    display:block;
    position:absolute;
    margin-left:220px;
    bottom:0;
}
.aplica_container {
    display:flex;
    flex-flow:row;
    align-items:flex-start;
    justify-content:center;
    flex:1;
    padding-left:20px;
}
.aplica_container div {
    display:flex;
    flex:1 1 0;
    background-color:rgb(255, 255, 255);
    height:186px;
    min-height:50%;
    background-image: url(../svg/4698582_down_arrow_download_icon.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:50%;
    border-radius:4px;
    overflow:hidden;
    margin-right:30px;
    cursor:pointer;
}
.wordcloud_bg {
    background-image: url(../img/education/schdule-bg-1.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.aplica_container div:hover {
    background-color:rgb(252, 176, 176);
}
.aplica_container p {
    display:flex;
    flex:2 1 0;
    background-color:#e14235;
    padding:14px;
    border-radius:4px;
    overflow:hidden;
    color:white;
    font-weight:500;
}
.mod1_aplica_bg {
    width:100%;
    margin:0;
    padding:0;
    background-image: url(../img/education/edu_kiosk3-01.png), url(../svg/interactive/sustainable_community/bg_clouds.svg);
    background-repeat:no-repeat;
    background-position:center bottom, right bottom !important;
    background-size:100% auto;
}
.mod1_reflect_bg {
    width:100%;
    margin:0;
    padding:0;
    background-image: url(../svg-bg/audience_rows-01.svg), url(../svg-bg/educator-01.svg);
    background-repeat:no-repeat;
    background-position:center bottom, right bottom !important;
    background-size:auto;
}
.panel_header {
    display:flex;
    flex-flow:row;
    align-self:center;
    justify-self:center;
    align-items:center;
    justify-content:flex-start;
    margin-bottom:14px;
    margin-top:20px;
}
.panel_bg1 {
    background-color:white;
    border: 2px solid #e6e6e6e8;
    border-radius:7px;
    padding:22px;
    text-align:center;
}
.panel_bg0 {
    display:flex;
    flex-flow:column;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    padding:22px;
    text-align:center;
    margin:0 auto;
}
.panel_bg0 span {
    text-align:center;
    margin:0 auto;
}
.whiteboard {
    min-height:48vh;
    max-width:80%;
}
.maxwidthedu {
    display:flex;
    position:relative;
    width:100%;
    max-width:1100px;
    transition: all 1.1s ease-in-out;
    margin:0 auto;
    padding:0;
    align-items:center;
    justify-content:center;
    margin-top:20px;
}
.card-body img {
    float:right;
    margin-left:14px;
    border-radius:5px;
    overflow:hidden;
    border: 2px solid #e6e6e6e8;
}
.white {
    color:white;
}
h5.card-title {
    display:flex;
    align-self:center;
    justify-self:center;
}
.edu_landing_head {
    display:flex;
    flex-flow:row-reverse;
    align-items:center;
    justify-content:center;
}
.text_video {
    display:block;
    position:relative;
}
.carousel-item.active {
    display:flex;
    flex:1;
    min-height:100%;
}
.min_height100 {
    min-height:100% !important;
}
.text_carousel {
    display:flex;
    flex:1;
    min-height:100%;
    width:100%;
}
.text_video iframe {
    float: left;
    margin-right:20px;
    margin-bottom:12px;
    margin-top:4px;
    border-radius:7px;
    overflow:hidden;
}
.full-bg1 {
    width:100%;
    margin:0;
    padding:0;
    background-image: url(../svg/interactive/sustainable_community/bg_clouds.svg), url(../svg/interactive/sustainable_community/bg_clouds.svg);
    background-repeat:no-repeat;
    background-position:bottom left, top right;
    background-size:auto;
    background-attachment: fixed;
}
.gradientbg1 {
    background-color: #d5e3ec;
    background-image: url(../svg/interactive/sustainable_community/bg_clouds.svg), linear-gradient(180deg, #ffffff 0%, #B5FFFC 100%);;
    background-repeat:no-repeat;
    background-position:center bottom, center top;
    background-size:auto;
    background-attachment: fixed;
}
.interactive_word_cloud {
    display:flex;
    flex-flow:row;
    align-items:flex-start;
    justify-content:center;
    width:100%;
    height:420px;
    margin-bottom:30px;
}
#edu_mod1_wordcloud {
    display:block;
    width: 700px;
    height:410px;
    margin:0 auto;
}
.jqcloud-word {
   cursor:pointer;
}
.word_spacer {
    cursor:pointer;
}
.word_spacer {
    display:flex;
    flex-flow:column;
    align-items:flex-start;
    justify-content:flex-start;
    margin-left:20px;
    width:380px;
    height:410px;
    border: 5px solid #e6e6e6e8;
    border-radius:14px; 
    overflow:hidden;
    overflow-y: scroll;
    padding-top:20px;
    background-color:white;
}
.word_spacer span {
    margin:14px;
    font-size:1rem;
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    color:#464646;
}
.word_spacer ul {
    margin:14px;
    font-size:1rem;
}
.word_spacer h2 {
    margin-left:14px;
}
.word_divider {
    display:flex;
    height:5px;
    max-height:5px;
    width:90%;
    background-color:#e6e6e6e8;
    margin-left:14px;
    margin-right:14px;
}
.bg_gradient1 {
    background-image: url(../svg/interactive/sustainable_community/bg_clouds.svg), url(../svg/interactive/sustainable_community/bg_clouds.svg);
    background-repeat:no-repeat;
    background-position:bottom center, top center;
    background-size:100% auto;
    background-attachment: fixed;
    background-color: #d5e3ec !important;
}
#module1_wordcloud {
    display:flex;
    width:100%;
    min-height:100%;
    background-color:red;
}
.overlaycontent {
    display:block;
    position:relative;
    width:80%;
    max-width:1100px;
    transition: all 1.1s ease-in-out;
    margin:0 auto;
    padding:0;
    background-color:rgba(255, 255, 255, 0.836);
}
.radius_top {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    overflow:hidden;
}
.radius1 {
    border-radius:14px;
    overflow:hidden;
    border: 5px solid #e6e6e6e8; 
}
.radius2 {
    border-radius:14px;
    overflow:hidden;
    border: 5px solid #257bb9; 
    background-color:#d5eeffde ;
}
.radius3 {
    border-radius:14px;
    overflow:hidden;
    border: 5px solid #9ac449; 
    background-color:#efffd0e1 ;
}
.edu_cloud_container {
    display:block;
    position:relative;
    width:100%;
    max-width:1100px;
    margin:0 auto;
    transition: all linear .7s; 
    background-color:rgba(255, 255, 255, 0.164);
    border-left: 4px solid rgba(255, 255, 255, 0.082);
    border-right: 4px solid rgba(255, 255, 255, 0.082);
    border-radius:14px;
}
.edu_cloud_container:hover {
    transition: all linear .7s; 
    background-color:rgb(255, 255, 255);
}
.edu_reflect1 {
    display:flex;
    position:relative;
    width:99%;
    max-width:1100px;
    height:98%;
    max-height:75vh;
    margin:0 auto;
    transition: all linear .7s; 
    align-self:center;
    border-radius:4px;
    flex-flow:column;
    justify-content:flex-start;
    align-items:center;
}
.reflect1_content {
    display:flex;
    flex-flow:column;
    justify-content:flex-start;
    align-items:flex-start;
    margin-left:5%;
    max-width:90%;
}
.reflect1_content div h3 {
    align-self:flex-start;
    margin-left:20px;
    font-size:1.2rem;
    font-weight:800;
    text-align:left;
}
.reflect1_content p {
    max-width:60%;
    margin-left:20px;
    font-weight:700;
    line-height:1.4;
    margin-bottom:14px;
    cursor:pointer;
    font-size:.9rem;
}
.edu_aplica_container {
    display:block;
    position:relative;
    width:99%;
    max-width:1100px;
    height:98%;
    max-height:75vh;
    margin:0 auto;
    transition: all linear .7s; 
    background-color:rgba(255, 255, 255, 0.164);
    border-left: 4px solid rgba(255, 255, 255, 0.082);
    border-right: 4px solid rgba(255, 255, 255, 0.082);
    align-self:center;
    border-radius:4px;
}
.edu_section_center {
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
}
.edu_section_row {
    display:flex;
    flex-flow:row;
    width:95%;
    max-width:1100px;
    max-height:75vh;
    margin:0 auto;
    transition: all linear .7s; 
    /* background-color:rgba(255, 255, 255, 0.164);
    border-left: 4px solid rgba(255, 255, 255, 0.082);
    border-right: 4px solid rgba(255, 255, 255, 0.082); */
    align-self:center;
    border-radius:4px;
}
.edu_section_row_full {
    display:flex;
    flex-flow:row;
    width:95%;
    max-width:1100px;
    max-height:75vh;
    margin:0 auto;
    transition: all linear .7s; 
    align-self:center;
    border-radius:4px;
}
.edu_section_row_snaps {
    display:flex;
    flex-flow:row;
    width:95%;
    max-width:1100px;
    max-height:75vh;
    margin:0 auto;
    transition: all linear .7s; 
    align-self:center;
    border-radius:4px;
}
.edu_section_row_snaps img {
    display:flex;
    flex:1;
    max-width:23%;
    margin-right:2%;
}
.edu_section_row_snaps img:last-child {
    display:flex;
    flex:1;
    max-width:23%;
    margin-right:0;
}
.edu_section_row_full span {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
    text-align:center;
    font-size:1.2rem;
    font-weight:800;
    color:#464646;
}
.edu_section_row.image_text p {
    font-size:1.2rem;
    width:88%;
}
.edu_section {
    display:flex;
    flex-flow:column;
    width:95%;
    max-width:1100px;
    margin:0 auto;
    transition: all linear .7s; 
    /* background-color:rgba(255, 255, 255, 0.164);
    border-left: 4px solid rgba(255, 255, 255, 0.082);
    border-right: 4px solid rgba(255, 255, 255, 0.082); */
    align-self:center;
    border-radius:4px;
}
.edu_section ol {
    font-size:1.4rem;
    font-weight:500;
}
.edu_text_container {
    display:block;
    position:relative;
    width:99%;
    max-width:1100px;
    height:98%;
    max-height:75vh;
    margin:0 auto;
    transition: all linear .7s; 
    background-color:rgba(255, 255, 255, 0.164);
    border-left: 4px solid rgba(255, 255, 255, 0.082);
    border-right: 4px solid rgba(255, 255, 255, 0.082);
    align-self:center;
    border-radius:4px;
}
.edu_text_container:hover {
    transition: all linear .7s; 
    background-color:rgb(255, 255, 255);
}
.edu_text_container_scrl {
    display:block;
    position:relative;
    width:99%;
    max-width:1100px;
    height:98%;
    max-height:84vh;
    margin:0 auto;
    transition: all linear .7s; 
    background-color:rgba(255, 255, 255, 0.164);
    border-left: 4px solid rgba(255, 255, 255, 0.082);
    border-right: 4px solid rgba(255, 255, 255, 0.082);
    align-self:center;
    overflow-x:hidden;
    overflow-y:scroll;
    border-radius:4px;
}
.edu_text_container_scrl:hover {
    transition: all linear .7s; 
    background-color:rgb(255, 255, 255);
}
.edu_text_container2 {
    display:block;
    position:relative;
    width:85%;
    max-width:1100px;
    margin:0 auto;
    transition: all linear .7s; 
    background-color:rgba(255, 255, 255, 0.164);
    border-left: 4px solid rgba(255, 255, 255, 0.082);
    border-right: 4px solid rgba(255, 255, 255, 0.082);
}
.edu_text_container2:hover {
    transition: all linear .7s; 
    background-color:#deeffc ;
}
.edu_text_container3 {
    display:block;
    position:relative;
    width:85%;
    max-width:1100px;
    margin:0 auto;
    transition: all linear .7s; 
    background-color:rgba(255, 255, 255, 0.164);
    border-left: 4px solid rgba(255, 255, 255, 0.082);
    border-right: 4px solid rgba(255, 255, 255, 0.082);
}
.edu_text_container3:hover {
    transition: all linear .7s; 
    background-color:#f5fde4 ;
}
.hide_overflow {
    overflow:hidden;
}
.panel {
    position: sticky;
    top: 0;
}
.head_btn_grp {
    display:flex;
    align-self:flex-end !important;
    height:76px;
    width:100%;
    flex-flow:row;
    align-items: stretch;
    justify-content:space-around;
}
.head_btn_grp div {
    min-height:76px;
    flex:2;
    align-items:stretch;
    justify-content:center;
    width:100%;
    text-align:center;
    margin-left:14px;
}
.head_btn_grp div:first-child {
    margin-left:0px;
    flex:1;
}
.head_btn_grp div span {
    background-color:rgba(0, 0, 0, 0.055);
    padding:10px 14px;
    color: #666666;
    font-weight:800;
    border-radius:14px;
    cursor:pointer;
}
.head_btn_grp div.q_1 span {
    display:flex;
    min-height:76px;
    background-color:rgba(0, 0, 0, 0.055);
    padding:10px 14px;
    color: #666666;
    font-weight:800;
    border-radius:14px;
    cursor:pointer;
    align-items:center;
    justify-content:center;
}
.head_btn_grp div.q_2 span {
    display:flex;
    min-height:76px;
    background-color:rgba(0, 0, 0, 0.055);
    padding:10px 14px;
    color: #666666;
    font-weight:800;
    border-radius:14px;
    cursor:pointer;
    align-items:center;
    justify-content:center;
}
.q_0 {
    display:flex;
    flex-flow:column;
    align-items:center;
    justify-content: space-evenly;
}
.q_0 svg {
    font-size:1.7rem;
}
.q_1 {
    display:flex;
    flex-flow:column;
    align-items:center;
    justify-content: space-evenly;
}
.q_2 {
    display:flex;
    flex-flow:column;
    align-items:center;
    justify-content: space-evenly;
}
.q_span {
    line-height: 1.3;
    font-size:.9rem;
}
.head_btn_grp div span:hover {
    background-color:rgba(0, 0, 0, 0.527);
    color: #e2e2e2;
}
.vh100 {
    min-height:100vh !important;
}
.vh75 {
    min-height:75vh !important;
}
.mh100 {
    min-height:100px !important;
}
.mh175 {
    min-height:175px !important;
}
.mh250 {
    min-height:250px !important;
}
.mod_title {
    font-size:2.2rem;
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
    text-transform: uppercase;
}
.mod_subtitle {
    font-size:1.6rem !important;
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
    text-transform: uppercase;
}
.quiz_title {
    margin-top:20px;
    font-size:1.8rem;
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
}
.quiz_text {
    margin-top:50px;
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    color:white;
}
.screen_readout {
    display:flex;
    position:absolute;
    bottom:0;
    left:20px;
    width:300px;
    height:100px;
    background-color:#DA7E07;
    border-top-right-radius: 14px;
    border-top-left-radius: 14px;
    align-items:center;
    justify-content:center;
}
.screen_readout span {
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
    color:white;
}
.quiz_btn {
    margin-top:60px;
    display:flex;
    width:140px;
    height:100px;
    align-items:center;
    justify-content:center;
    background-color:#DA7E07;
    color:white;
    border-radius:14px;
    cursor:pointer;
    font-weight:800;
    font-size:1.3rem;
}
.quiz_btn:hover {
    background-color:#DA7E07;
}
.quiz_container {
    margin-top:196px;
    display:flex;
    flex-flow:row;
    width:86%;
    height:230px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
.quiz_left {
    display:flex;
    flex-flow:column;
    flex:2.5;
    align-items:flex-start;
    justify-content:flex-start;
    padding-left:45px;
}
.quiz_right {
    display:flex;
    flex-grow:.5;
    align-items:center;
    justify-content:flex-end;
}
.screen_left {
    display:flex;
    flex:1;
    flex-flow:row;
    min-height:100%;
    width:100%;
    align-items:flex-start;
    justify-content:center;
}
.screen_left div {
    display:flex;
    flex-flow:column;
    flex:1;
    flex-grow:1;
    height:140px;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    width:94%;
    overflow:hidden;
}
.screen_left div span.mod_title {
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
    color:#3f7a75;
    font-size:1.3rem;
}
.screen_left div span.mod_desc {
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    color:#3f7a75;
    font-size:.8rem;
}
.screen_left div:hover {
    background-color:rgba(255, 255, 255, 0.658);
}
.screen_right {
    display:flex;
    flex-flow:row;
    flex:1;
    min-height:100%;
    width:100%;
    align-items:flex-start;
    justify-content:center;
}
.screen_right div {
    display:flex;
    flex-flow:column;
    flex:1;
    flex-grow:1;
    height:140px;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    width:94%;
}
.screen_right div span.mod_title {
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
    color:#3f7a75;
    font-size:1.3rem;
}
.screen_right div span.mod_desc {
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    color:#3f7a75;
    font-size:.8rem;
}
.screen_right div:hover {
    background-color:rgba(255, 255, 255, 0.658);
}
.bg_sky {
    background-color:rgb(181, 221, 236) !important;
}
.monitor_title {
    display:flex;
    position:relative;
    align-self:center;
    max-width:800px;
    height:72px;
    align-items:center;
    margin:0 auto;
    text-align:center;
    justify-content:center;
    background-color:rgb(181, 221, 236);
}
.monitor_title span {
    text-align:center;
    font-size:1.6rem;
    font-weight:800;
    color:#3f7a75;
    margin:auto;
}
.wcrp_screen {
    display:flex;
    position:relative;
    flex-flow:row;
    align-items:center;
    justify-content:center;
    background-color:rgba(255, 255, 255, 0.055);
    max-width:800px;
    height:340px;
    margin:0 auto;
    background-image: url(../svg/education/module_bg_house-01.svg),
    url(../svg/education/module_bg_sky-01.svg) ;
    background-repeat:no-repeat;
    background-position:bottom center, top center;
    background-size:cover, cover;
}
.full-container {
    width:100%;
    margin:0;
    padding:0;
    height:900px;
}
.wcrp_monitor {
    background-image: url(../svg/education/monitor_desk-01.svg) ;
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:auto 100%;
    height:900px;
    padding-top:62px;
    overflow:hidden;
}
footer {
    margin-top:-2px;
}
.soledad_intro {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content: center;
}
.soledad_intro div {
    display:flex;
    flex-flow:column;
    flex:1, 1, 100%;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:100%;
}
.welcome_text {
    margin-left:120px;
    align-items:center !important;
    justify-content:start !important;
}
.intro_sign {
    display:flex;
    position:absolute;
    bottom:15px;
    right:0;
    align-items:flex-start;
    justify-content: flex;
    width:180px;
    height:340px;
    background-image: url("../img/education/sign.png");
    background-position: right center;
    background-size:contain;
    background-repeat:no-repeat;
    padding:0;
    cursor:pointer;
}
.intro_text {
    margin-bottom:40px
}
.intro_sign p {
    display:flex;
    font-size:.6rem;
}
.wcrp_play_btn {
    width:120px;
    height:auto;
    cursor:pointer;
}
.wcrp_play_btn:hover {
    width:160px;
    height:auto;
}
.wcrp_intro {
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: 
    url(../svg/interactive/sustainable_community/solar_homes_street_lights.svg),
    url(../svg/interactive/sustainable_community/sand_shore_palmtrees.svg),
    url(../svg/interactive/sustainable_community/community_bg.svg),
    url(../svg/interactive/sustainable_community/bg_whitewater.svg),
    url(../svg/interactive/sustainable_community/bg_waves.svg), 
    url(../svg/interactive/sustainable_community/bg_ocean.svg),
    url(../svg/interactive/sustainable_community/windmils.svg),
    url(../svg/interactive/sustainable_community/bg_mountains_grass.svg),
    url(../svg/interactive/sustainable_community/bg_clouds.svg);
    background-position:
    center 100%,
    center 210%,
    center 160%,
    center 260%,
    center 260%,
    center 260%,
    center 160%,
    center 260%,
    center 260%;
    background-repeat:
      no-repeat; /* Background repeat for all images */
    background-size: 90% auto, 100% auto, 90% auto, 100% auto, 100% auto, 100% auto, 90% auto, 100% auto, cover;
    transition: background-size 600ms ease-in-out;
    background-color:rgb(181, 221, 236);
}
.wcrp_intro2 {
    display: flex;
    flex:1;
    flex-grow: 1;
    min-height:80vh;
    flex-flow:column;
    align-items: center;
    justify-content: center;
    background-image: 
    url(../svg/interactive/sustainable_community/bg_clouds.svg),
    url(../svg/interactive/sustainable_community/bg_clouds.svg);
    background-position:
    center top, 
    center bottom;
    background-repeat:
      no-repeat; 
    background-size: 100%, 100%;
    transition: background-size 600ms ease-in-out;
    background-color:rgb(181, 221, 236);
  }
  .citybg {
    height: 80vh;
    display: flex;
    flex-flow:column;
    align-items: center;
    justify-content: flex-end;
    background-image: 
    url(../svg/interactive/intro/intro_city_color-01.svg),
    url(../svg/interactive/sustainable_community/bg_clouds.svg);
    background-position:
    center 107%, /* mountains */
    center bottom; /* sky */
    background-repeat:
      no-repeat; /* Background repeat for all images */
    background-size: 100% auto, cover;
    transition: background-size 600ms ease-in-out;
    background-color:rgb(181, 221, 236);
    border-bottom: 5px solid #e6e6e6; 
  }
  .module1_bg {
    background-image: 
    url(../svg/interactive/intro/intro_city_color-01.svg);
    background-position:
    center 107%;
    background-repeat:
      no-repeat;
    background-size: 100% auto;
    transition: background-size 600ms ease-in-out;
    background-color:rgb(181, 221, 236);
  }
  .climate_bg {
    background-image: 
    url(../svg/interactive/class1/community_risks.svg),
    url(../svg/interactive/intro/intro_city_color-01.svg),
    url(../svg/interactive/sustainable_community/bg_clouds.svg);
    background-position:
    center bottom, /* mountains */
    center bottom,
    center bottom; /* sky */
    background-repeat:
      no-repeat; /* Background repeat for all images */
    background-size: 80% auto, cover, cover;
    transition: background-size 600ms ease-in-out;
    background-color:rgb(181, 221, 236);
  }
.education_modules {
    overflow: hidden;
  }
  
  .horiz_modules {
    width: 400%;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-item-align: center;
    align-self: center;
    height: 100vh !important;
  }
  .scrolling_module {
    display: flex;
    align-items: center;
    padding: 0 200px;
    min-width:100vw;
  }
  .scrolling_module:nth-child() {
    background-color:blue;
  }
  .scrolling_module span {
    font-size: 30px;
    display: block;
  }
  .empty {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.ed_card_1 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display:flex;
    flex: 1 1 100px;
    flex-flow:column;
    margin:0 10px;
    overflow:hidden;
    background-color:rgba(219, 219, 219, 0.767);
    cursor:pointer;
}
.edu-hero-text {
    display:flex;
    flex:1;
    min-height:100%;
    flex-flow:column;
    justify-content:center;
    align-items:center;
    transition: all 800ms linear !important;
    padding-bottom:20px;
}
.jumbotron {
    transition: all 800ms ease-in-out !important;
}
.headcontent {
    transition: all 800ms linear !important;
}
.edu_section_dl_txt {
    display:flex;
    flex:1 1 70%;
    font-size:1.2rem;
    font-weight:400;
    margin-bottom:14px;
}
.edu_section_dl {
    display:flex;
    position:relative;
    flex-wrap: wrap;
    margin-bottom:14px;
    background-color:rgb(255, 255, 255);
    cursor:pointer;
    border-radius:6px;
    border:2px solid #eeeeee;
    margin-left:20px;
}
.edu_section_dl img {
    flex: 1 1 100%;
    position: relative;
    width:12%;
    max-height:180px;
}
.edu_section_dl img.play {
    display:block;
    position: absolute;
    height:60px;
    width:60px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    background-color:rgb(255, 255, 255);
    z-index: 9999;
    padding:8px;
    border-radius:50%;
}
.dltext {
    font-size:1.2rem;
}
.edu_section_dl img.play2 {
    display:block;
    position: absolute;
    height:40px;
    width:40px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    background-color:rgb(255, 255, 255);
    z-index: 9999;
    padding:8px;
    border-radius:50%;
}
img.sect_dl1 {
    height:100px;
    width:auto;
}
.edu-hero-center {
    display:flex;
    position:relative;
    flex-wrap: wrap;
    background-color:rgba(0, 0, 0, 0.322);
    border-radius:6px;
    opacity:.6;
    cursor:pointer;
    width:75%;
    transition: all linear 0.1s;
    margin:auto;
    border: 5px solid #e6e6e6; 
    overflow:hidden;
}
.edu-hero-center img {
    flex: 1 0 100%;;
    position: relative;
    width:100%;
}
.edu-hero-center img.play {
    display:block;
    position: absolute;
    height:60px;
    width:60px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    background-color:rgb(255, 255, 255);
    z-index: 9999;
    padding:8px;
    border-radius:50%;
}
.edu-hero-center:hover {
    opacity:1;
}
.edu-hero {
    display:flex;
    position:relative;
    flex-wrap: wrap;
    background-color:rgba(0, 0, 0, 0.322);
    border-radius:6px;
    opacity:.6;
    cursor:pointer;
    width:75%;
    transition: all linear 0.1s;
    margin:auto;
    border: 5px solid #e6e6e6; 
    overflow:hidden;
    margin-left:30px;
}
.edu-hero img {
    flex: 1 0 100%;
    position: relative;
    width:100%;
}
.edu-hero img.play {
    display:block;
    position: absolute;
    height:60px;
    width:60px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    background-color:rgb(255, 255, 255);
    z-index: 9999;
    padding:8px;
    border-radius:50%;
}
.edu-hero:hover {
    opacity:1;
}
.edu_intro1 {
    display:flex;
    flex-flow:row;
    background-color:rgba(0, 0, 255, 0.041);
    min-height:180px;
    justify-content: space-around;
    align-items: center;
}
.edu_footer {
    display:flex;
    flex-flow:row;
    min-height:100px;
    justify-content: space-around;
    align-items: center;
}

.footer_btns {
    display:flex;
    flex:1;
    justify-content: space-around;
    align-items: center;
    margin:0 10px;
}

.footer_btns div {
    display:flex;
    flex:1;
    align-items: center;
    justify-content: center;
    background-color:rgba(255, 255, 255, 0.37);
    border-radius:7px;
    margin:10px;
    height:67px;
}
.footer_btns div:hover {
    background-color:rgba(255, 255, 255, 0.788);
    border-radius:7px;
    margin:10px;
    cursor:pointer;
}

.ed-module-item {
    display:flex;
    flex-grow:1;
    flex-flow:column;
    height:auto;
    align-items:center;
    justify-content:space-evenly;
    width:100%;
}
.ed-module-item span {
    font-family: 'Montserrat', sans-serif;
    margin:0 auto;
    font-size:1rem;
    width:90%;
    color: #363636;
    text-align: center;
}
.ed-module-item span:first-child {
    font-family: 'Montserrat', sans-serif;
    text-align:center;
    font-size:1rem;
    width:90%;
    color: #5a5a5a;
}
.ed-module-item button {
    background-color: #DA7E07;
    color:white;
}
.edu_footer_1 {
    display:flex;
    flex-flow:row;
    background-color:blue;
    min-height:280px;
    justify-content: space-around;
}
.quarter_cta {
    display:flex;
    flex:1;
    background-color:green;
    align-items:center;
    justify-content:center;
}
.half_cta {
    align-items:center;
    justify-content:center;
    display:flex;
    flex:2;
    background-color:red;
}
.edu_header4 {
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    height:480px;
    max-width:1100px;
    margin:auto;
}
.edu_header_CTA {
    display:flex;
    flex-flow:row;
    overflow:hidden;
    justify-content:space-around;
    min-height:50px;
    background-color:#DA7E07;
    border-top-left-radius:14px;
}
.edu_header_CTA div {
    display:flex;
    align-items:center;
    justify-content: center;
}
.edu_header_CTA div span {
    display:flex;
    font-family: 'Rokkitt', serif;
    font-weight: 900;
    font-size:1.2rem;
}
.full-edu-bg1 {
    background-color:#2c2c2c;
    width:100%;
    margin:0;
    padding:0;
    border-bottom: 5px solid #e6e6e6; 
}
.full-edu-bg2 {
    display:flex;
    align-items:center;
    position:relative;
    background-color:#dddddd;
    width:100%;
    min-height:68vh;
    margin:0;
    padding:0;
    border-bottom: 5px solid #e6e6e6; 
}
.edu_interactive {
    display:flex;
    flex:0 80%;
    flex-flow:column;
    margin:0;
    padding:0;
    align-self:center;
}
.mod_container {
    display:flex;
    flex:1;
    flex-direction:row;
    align-items:flex-start;
    justify-content:space-between;
    width:96%;
    max-width:1100px;
    margin-bottom:30px;
    align-self:center;
    justify-self:center;
    margin:auto;
}
.content_height {
    flex:0 80%;
}
.edu_content_layer {
   display:flex;
   flex:1;
   flex-flow:column;
   align-items:center;
   justify-content:flex-start;
   min-height:100%;
   z-index:2147483647;
}
.edu_character_layer {
    display:flex;
    flex-flow:column;
    align-items:center;
    justify-content:center;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    pointer-events:none;
    max-width:1100px;
    margin:0 auto;
    z-index:2147483645;
 }
.edu_media_layer {
   display:flex;
   flex-flow:column;
   align-items:center;
   justify-content:center;
   position: absolute;
   top:0;
   left:0;
   right:0;
   bottom:0;
   pointer-events:none;
   z-index:2147483640;
}
.module1_header {
    width:100%;
    margin:0;
    padding:0;
}
.edu_header3 {
    display:flex;
    max-width:1100px;
    margin:auto;
    align-items: center;
    justify-content: center;
}
.edu_header_main {
    display:flex;
    flex-flow:row-reverse;
    align-items:flex-end;
    justify-content:center;
    max-width:1100px;
    margin:auto;
    /* border-left: 5px solid #3d3d3d;
    border-right: 5px solid #3d3d3d; */
    min-height:100%;
}
.edu_header_img {
    display:flex;
    flex:1;
    align-self:stretch;
}
.edu_header_content {
    display:flex;
    flex:0 1 50%;
    flex-flow:column;
    height:100%;
    width:100%;
}
.plan1bg {
    background-image: 
    url(../svg/interactive/class1/community_risks.svg),
    url(../svg/interactive/class1/front_seats.svg),
    url(../svg/interactive/class1/back_seat.svg),
    url(../svg/interactive/class1/instructor1.svg),
    url(../svg/interactive/class1/presentation-board.svg),
    url(../svg/interactive/class1/back-wall.svg);
      
    background-position:
    top center, /* light posts */
    bottom center, /* Street Shadows */
    bottom center, /* enter building */
    bottom center, /* buildings */
    bottom center, /* buildings */
    top center; /* sky */
    background-repeat:
      no-repeat; /* Background size for all images */
    background-size: 50%, cover, cover, cover, cover, cover;
    transition: background-size 600ms ease-in-out;
}
.samplebg1 {
    background-image: 
    url(../svg/interactive/class1/front_seats.svg),
    url(../svg/interactive/class1/back_seat.svg),
    url(../svg/interactive/class1/instructor1.svg);
      
    background-position:
        bottom center, /* front row seats */
        bottom center, /* back row seats */
        bottom right; /* instructor */

    background-repeat:
      no-repeat; /* Background size for all images */
    background-size: 80% auto, 80% auto, 80% auto;
    transition: background-size 600ms ease-in-out;
}
.q_active span {
    background-color:#3f7a75 !important;
    color:white !important;
}
.edu_snap_container div {
    display: flex;
    flex: 1;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
@media (orientation: portrait) {
    .arrow_infographic.en {
        background-image: url(../svg/education/mobile/mod_4_infog-en-mobile.svg);
    }
    .arrow_infographic.es {
        background-image: url(../svg/education/mobile/mod_4_infog-es-mobile.svg);
    }
    .figure2_overlay {
        background-image: url(../svg/education/mobile/Figure2-ES-Mobile.svg);
    }
    .figure2_overlay_en {
        background-image: url(../svg/education/mobile/Figure2-EN-Mobile.svg);
    }
    .edu_section_row.image_text p {
        font-size:1.2rem;
        width:100%;
    }
    .w_88 {
        width:100%;
    }
    .triangle {
        display:none;
    }
    .arrow_infographic {
        display:none;
    }
    .arrow_infographic div {
        display:flex;
        flex:1;
        align-items:center;
        justify-content:center;
    }
    .arrow_infographic div span {
        display:block;
        width:30px;
        height:30px;
        border-radius:50%;
        background-color:white;
    }
    .figure_text {
        width:96%;
    }
    img.figure3 {
        width:96%;
        height:96%;
    }
    .mod_title {
        font-size:1.8rem;
    }
    .whiteboard {
        display:flex;
        flex-flow:column;
        align-self:center;
        justify-self:center;
        align-items:center;
        justify-content:center;
        margin:auto;
        min-height:48vh;
        max-width:98%;
    }
    .wcrp_screen {
        background-position:bottom right, top right;
        background-size:cover, cover;
    }
    .mod1_static_bg {
        background-image: none;
    }
    .mod1_static_bg:before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        background-image:url(../img/education/wcrp_module_scene_ideal_mobile.png), url(../svg/interactive/sustainable_community/bg_clouds.svg);
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
        background-position:bottom center;
        background-repeat:no-repeat;
    }
    .mod2_static_bg {
        background-image: none;
    }
    .mod2_static_bg:before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        background-image: url(../svg-bg/module2_scene-01.svg), url(../svg/interactive/sustainable_community/bg_clouds.svg);
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
        background-position:bottom center;
        background-repeat:no-repeat;
    }
    .mod3_static_bg {
        background-image:none;
    }
    .mod3_static_bg:before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        background-image: url(../svg/interactive/class1/front_seats.svg), url(../svg/interactive/class1/back_seat.svg), url(../img/education/whiteboard.png);
        -webkit-background-size: 150% auto, 150% auto, auto 100%;
        -moz-background-size:150% auto, 150% auto, auto 100%;
        -o-background-size: 150% auto, 150% auto, auto 100%;
        background-position:bottom center, bottom center, center center;
        background-size: 150% auto, 150% auto, auto 100%;
        background-repeat:no-repeat;
    }
    .mod4_static_bg {
        background-image: none;
    }
    .mod4_static_bg:before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        background-image: url(../svg-bg/module4_scene-01.svg), url(../svg/interactive/sustainable_community/bg_clouds.svg);
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
        background-position:bottom center, bottom center, center center;
        background-repeat:no-repeat;
    }
    .edu_section p {
        margin:0 20px;
    }
    .edu_section span {
        display:flex;
        align-self:center;
        justify-self:center;
        margin:0 20px;
    }
    .edu_section_row_full span {
        margin:0 7px;
    }
    img.sect_dl1 {
        height: 150px;
        width: auto;
    }
    .edu_section_row {
        flex-flow:column;
        max-height:140vh;
    }
    .edu_section_dl_txt {
        display:flex;
        flex:1 1 100%;
        font-size:1.2rem;
        font-weight:500;
        margin:14px 20px;
    }
    .edu_section_dl {
        display:flex;
        position:relative;
        background-color:rgb(255, 255, 255);
        margin:30px auto 30px auto;
        cursor:pointer;
        border-radius:6px;
        border:2px solid #eeeeee;
    }
    .edu_section_dl img {
        display:block;
        object-fit: contain;
        width: auto;
        margin:0 auto;
    }
    .quiz_right {
        display:flex;
        flex-grow:1;
        align-items:center;
        justify-content:center;
    }
    .quiz_title {
        margin-top:20px;
        font-size:1.3rem;
        font-family: 'Montserrat', sans-serif;
        font-weight:800;
    }
    .quiz_text {
        margin-top:32px;
        margin-left:0px;
        font-family: 'Montserrat', sans-serif;
        font-weight:500;
        color:white;
    }
    .quiz_left {
        display:flex;
        flex-flow:column;
        flex:2.5;
        align-items:flex-start;
        justify-content:flex-start;
        padding-left:0px;
    }
    .quiz_container {
        margin-top:196px;
        width:96%;
        height:230px;
        flex-flow:column-reverse;
    }
    .screen_left {
        margin-left:22px;
    }
    .screen_right {
        margin-right:22px;
    }
    .wcrp_screen {
        max-width:100%;
        height:362px;
    }
    .screen_right div span.mod_title {
        font-size:1rem;
    }
    .screen_left div span.mod_title {
        font-size:1rem;
    }
    .monitor_title span {
        font-size:1.2rem;
        line-height:110%;
    }
    .edu-hero {
        width:94%;
        margin-left:auto;
        margin-top:60px;
    }
    .edu-hero-text {
        width:94%;
        margin:0 auto !important;
    }
    .edu_landing_head {
        display:flex;
        flex-flow:column-reverse;
        align-items:flex-start;
        justify-content:center;
    }
    .text_video iframe {
        width:100%;
        margin-bottom:22px;
        margin-top:4px;
        margin-left:auto;
        margin-right:auto;
        border-radius:7px;
        overflow:hidden;
    }
    .content_height {
        flex:0 100%;
        margin-top:40px;
    }
    .samplebg1 {
        background-image: 
        url(../svg/interactive/class1/front_seats.svg),
        url(../svg/interactive/class1/back_seat.svg),
        url(../svg/interactive/class1/instructor1.svg);
          
        background-position:
        bottom center, /* front row seats */
        bottom center, /* back row seats */
        -20px 96%; /* instructor */
    
        background-repeat:
          no-repeat; /* Background size for all images */
        background-size: 120% auto, 120% auto, 120% auto;
        transition: background-size 600ms ease-in-out;
    }
}