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

 }

 .s {
     position: relative;
 }



 .s_cont {
     width: 100%;
     max-width: 1390px;
     padding: 0 5px;
     margin: 0 auto;
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-direction: column;
 }


 .s_col {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-direction: column
 }

 .s_row {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     align-items: center
 }

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


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


 .pre_title {
     font-size: 26px;
     font-weight: 500;
     margin: 10px 0;
 }

 .title {
     font-size: 28px;
     font-weight: 600;
     margin: 10px 0;
 }



 .descr {
     font-size: 21px;
     margin: 10px 0;
 }

 .s_row img,
 .s_row_rew img {
     max-width: 656px
 }


 .c_block {
     width: 100%;
     max-width: 991px;
     text-align: center;
     margin: 35px auto;
 }

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

 .s4 img {
     max-width: 515px;
 }

 .s_row,
 .s_row_rew {
     margin: 20px auto;
 }

.note{
    font-size: 14px;
    font-style: italic;
    margin-top: 20px;
}

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


     .s_row,
     .s_row_rew {
         flex-direction: column
     }

     .s1 .s_cont_block {
         text-align: center
     }


     .descr {
         font-size: 18px;
     }

     .title {
         font-size: 21px;
     }

     .block_size {
         max-width: 100%;
         padding: 0;
     }

     .c_block {
         text-align: left
     }
 }


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


     .s_row {
         flex-direction: row
     }


     .s_row_rew {
         flex-direction: row-reverse
     }

     .block_size {
         max-width: 450px;
         padding: 0 10px;
     }

 }