*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.s_cont{
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
}

.s_col{
    display: flex;
    flex-direction: column;
}
.s_row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.s_row_rew{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-around;
}

.s_block_size{
    width: 100%;
    max-width: 650px;
    padding: 0 15px;
}

/***********/
/***********/
/***********/

.bg,
.b{
    width: 100%;
}

.s{
    position: relative;
    margin-top: -5px;
}

.s:first-of-type{
    margin: 0;
}
.logo{
    position: absolute;
    right: 0;
    top: 50%;
}
.b_title{
  font-size: 50px; 
  color: rgb(255, 255, 255);
  font-weight: bold; 
    margin-bottom: 50px;
}


.title {
  font-size: 56px; 
  color: rgb(255, 255, 255);
  line-height: 1.2; 
    margin-bottom: 15px;
}


.descr {
  font-size: 21px; 
  color: rgb(255, 255, 255);
  line-height: 1.417; 
}

.lable{
    margin-bottom: 35px;
        font-size: 34px;
    color: #fff;
    font-weight: 600
}

.lable span{
    font-weight: 400;
    text-transform: uppercase
}
.text {
  font-size: 46px; 
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.2; 
}

.s1 .s_cont_block{
    position: absolute;
    top: 50%;
   transform: translate(0, -50%);
    
}

.s2 .s_cont_block{
    position: absolute;
    top: 10%;
    right: 5%;
    
}

.s3 .s_cont{
    position: absolute;
    bottom: 10%;     
}

.s4 .s_cont_block{
     position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    
}

.s4 .img_ico{
    margin-top: 35px;
}
.s7 .s_cont_block,
.s5 .s_cont_block{
       position: absolute;
    top: 50%;
    right: 5%;
    transform: translate(0, -50%);
    
}

.s8 .s_cont_block{
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0)
}

.s9 .s_cont_block,
.s6 .s_cont_block{
     position: absolute;
    top: 50%; 
    transform: translate(0, -50%);
    
}

.s5 .descr {
       margin-bottom: 20px;
}

.s3 .s_cont_block, .s8 .s_cont_block{
        max-width: 991px;
}
 .logo img{
            width: 100%;
    max-width: 55px;
    }
/***********/
/***********/
/***********/

@media screen and (min-width: 1022px) and (max-width: 1199px){
    .logo { 
    top: 35%;
    }
    .title {
    font-size: 36px;
    }
    .descr {
    font-size: 19px;
    }
    .s_block_size { 
    padding: 10px 15px;
    background-color: #0000008a;
}
     .s1  .s_block_size {  
    background-color: #f0f8ff00;
}
    .text {
    font-size: 22px;
    }
    .b_title {
    font-size: 48px;
}
}
@media screen and (max-width: 1024px) {
.s_row,
    .s_row_rew{
        flex-direction: column
    }
    .s1 .s_cont_block,
    .s2 .s_cont_block,
    .s3 .s_cont,
    .s4 .s_cont_block,
    .s5 .s_cont_block,
    .s6 .s_cont_block,
    .s7 .s_cont_block,
    .s8 .s_cont_block,
    .s9 .s_cont_block{
           position: initial;
    transform: none;
        margin: 20px 0;
    }
    .b_title,
    .title,
    .descr,
    .lable,
    .text{
        color: #000000
    }
    
    .descr {
    font-size: 18px;
    }
    
    .title,
    .b_title{
    font-size: 28px;
    }
    .text {
    font-size: 23px;
    }
    .logo {  
    top: 30%;
}
    .logo img{
           display: none;
    }
    .s_block_size{
        padding: 0;
         max-width: 100%;
    }
    
    .s3 .img_ico{
        margin-top: 15px;
    }
    .s1 .s_cont_block{
text-align: center}
}