
.wrs_sections>section{ height: 100vh;}

.wrs_Sec1{ justify-content: center;  text-align: center; position: relative; overflow: hidden;}
.wrs_Sec1.wrs_banner{background:rgb(63, 61, 61) url(../images/wrs-banner.jpg) no-repeat 50% 100%; background-size:cover; }
.wrs_Sec1A{ padding:140px 0 15vh;}
.wrs_Sec1A .breadcrumb.bcWhite{ opacity: 0.5;}

.wrs_Sec1Animat{max-width:750px; margin: 0 auto;}
.wrs_Sec1 .wrs_Sec1Animat>strong{ margin-bottom:30px; font-size:22px; text-transform: uppercase; color: #FFF;  text-align: center; display: block;}
.wrs_Sec1 .wrs_Sec1Animat h2{ margin-bottom:30px; font-size: 48px; line-height: 55px; text-transform: uppercase; color: #FFF; letter-spacing:3px; text-align: center;}
.wrs_Sec1 .wrs_Sec1Animat h2 span{ position: relative;}
.wrs_Sec1 .wrs_Sec1Animat h2 span em{ position:absolute; left: 0; top: 0; width: 70%; height: 30px; background-color: #f16421; z-index:0;}
.wrs_Sec1 .wrs_Sec1Animat article{color: #FFF; text-align: center; line-height: 25px; position:relative; max-width: 600px; margin: 0 auto;}


.wrs_Sec1A_img{ position: absolute; left: 0; right: 0; bottom: -20vw; margin: auto; width:40vw; }

.wrs_sections>section.wrs_1col{align-items: center; position: relative; justify-content: center; display: flex; background:#f3f3f3 url(../images/wrs-bg.jpg) no-repeat 0 100%; background-size:cover; overflow: hidden;}

.wrs_sections>section.wrs_1col div{ font-size:22px; line-height:30px;  max-width:780px; text-align: center;}
.wrs_sections>section.wrs_1col div h2{ margin-bottom: 40px; font-size: 44px; line-height: 55px; color: #2b2b2b;}
.wrs_sections>section.wrs_1col div article{ margin-bottom: 40px;}
.wrs_sections>section.wrs_1col div article+a.link_btn{ background-color: #CFCFCF;}
.wrs_sections>section.wrs_2col{ display: flex;}
.wrs_sections>section.wrs_2col aside{ width: 50%; align-items: center; justify-content: center; display: flex; overflow: hidden;}
.wrs_sections>section.wrs_2col aside.wrs_imgPosR{order: 2; }
.wrs_sections>section.wrs_2col aside figure{ background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%;}
.wrs_sections>section.wrs_2col aside>div{ width: 70%; }

.wrs_sections>section.wrs_2col aside>div h2{ margin-bottom: 40px; font-size: 44px; line-height: 55px; color: #2b2b2b;}
.wrs_sections>section.wrs_2col aside>div article{margin-bottom: 40px;  font-size: 16px}
.wrs_sections>section.wrs_2col aside>div a.link_btn+span{ display: block; margin-top: 30px;}
.wrs_sections>section.wrs_2col aside>div a.link_btn+span a{color: #f16421; text-decoration: underline;}
.wrs_sections>section.wrs_2col aside>div a.link_btn+span a:hover{text-decoration:none;}

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

    .wrs_sections>section{ height:auto;}
    .wrs_Sec1A { padding: 140px 0 0vh;}
    .wrs_Sec1{padding:0 0 10vh;}
    .wrs_Sec1Animat{ max-width:750px; width:85%;}
    .wrs_Sec1 .wrs_Sec1Animat h2{ margin-bottom:40px; font-size:35px; line-height: 40px; } 
    .wrs_Sec1 .wrs_Sec1Animat h2 span em{ height:20px;}
    .wrs_Sec1 .wrs_Sec1Animat h2 strong{ padding-bottom: 10px;}

    .wrs_sections>section.wrs_1col{padding:10vh 0;}
    .wrs_sections>section.wrs_1col div{ font-size: 36px; line-height: 45px; width: 70%;  max-width:780px; text-align: center;}
    .wrs_sections>section.wrs_2col{flex-wrap: wrap; }
    .wrs_sections>section.wrs_2col aside{ width:100%;  }
    .wrs_sections>section.wrs_2col aside:last-of-type{  padding:10vh 0;}
    
    .wrs_sections>section.wrs_2col aside.wrs_imgPosR{order:inherit; }
    .wrs_sections>section.wrs_2col aside figure{ display: block;  height:70vh;}
    .wrs_sections>section.wrs_2col aside>div{ width: 70%; max-width:780px; }
    
    .wrs_sections>section.wrs_2col aside>div h2{ margin-bottom: 40px; font-size:35px; line-height:45px;}

    .wrs_Sec3>div{font-size:25px; line-height:35px; }
    .wrs_sections>section.wrs_1col div{ font-size:25px; line-height:35px; }

}

@media screen and (max-width:768px){
    .wrs_sections>section.wrs_2col aside:last-of-type{
        padding: 7vh 0;
    }
    .wrs_sections>section.wrs_2col aside>div h2{margin-bottom: 25px;font-size:30px; line-height:40px;}
    .wrs_sections>section.wrs_2col aside>div article{
        margin-bottom: 25px;
    }
}



@media screen and (max-width:650px) {
    .wrs_sections>section.wrs_1col div, .wrs_sections>section.wrs_2col aside>div{width:80%; }
     .wrs_Sec1 { background-size:150% auto; }
    .wrs_Sec1 .wrs_Sec1Animat article{padding-left:0px;}
    .wrs_Sec1 .wrs_Sec1Animat article:before{display: none;} 

    .motive2, .wrs_Sec1A_img{  bottom: -40vw;  width:80vw; }
}
