*{
overflow-x: hidden;
}

.header {margin-top: 0vw;}

.submain{
    height:auto;
}
.submain .gen_a{
    height:auto;
    background-color: rgba(255, 255, 255, 0);
}

.submain .gen_a .title{
    width:100%;
    height:auto;
}

.submain .gen_a .title h1{
    padding-left:7.5%;
    background-color: rgb(255, 255, 255);

}

.submain .maintext{
    width:100%;

    margin-left: 0%;

    padding-bottom: 30px;
    height:auto;


}
.submain .maintext p, .submain .maintext li{
        padding-left:5vw;
        padding-right:5vw;
}
.submain .info-block{
    width: 100%;
    height:auto;
    background-color: rgb(255, 255, 255);
     margin-top:5vw;
}
.submain .info-block:first-child{margin-top:0vw;}
.submain .info-block .photo{
    background-position: center center;
    background-repeat: no-repeat;
    background-size:  100%;
    width: 35%;
    height:30vw;
    padding-top: 2.5vw;
}
.submain .info-block .photo-1, .photo-3{
  
    background-color: rgba(30, 255, 0, 0);
    float: left;  
}
.submain .info-block .photo-2, .photo-4{
    width: 35%;
    height:;
    background-color: rgba(30, 255, 0, 0);
    float: right;  
}
.submain .info-block .text{
    width: 60%;
height:auto;
    background-color: rgb(255, 255, 255);
    float: left;
    font-size: 1.1rem;
    line-height: 1.6;
    padding-left: 3vw;
    padding-right: vw;

}
.submain .info-block .text-5{
    width: 100%;
height:auto;
    background-color: rgb(255, 255, 255);
    float: left;
    font-size: 1.1rem;
    line-height: 1.6;
    padding-left: 3vw;
    padding-right: vw;

}
.submain .gen_a .maintext ul li{
 list-style:none;
}

@media (max-width: 1760px) {
        .submain{height:auto}


    .submain .info-block{

        margin-top:2.5vw;
    }
.submain .info-block .text{
font-size: 20px;
}
    .submain .info-block .photo{
     background-size:  100%;
    width: 30%;
    height:20vw;

    margin-bottom: 2.5vw;
}
.submain .info-block .photo-1, .photo-3{
    margin-left:5vw;
    margin-top:2.5vw
}
.submain .info-block .photo-2, .photo-4{
    margin-right:5vw;
    margin-top:2.5vw
}
       .submain .gen_a .maintext p{
         padding-top: 2.5vw;}
}


@media (max-width: 1440px) {
        .submain{height:auto}


    .submain .info-block{

        margin-top:2.5vw;
    }
.submain .info-block .text{
font-size: 20px;
}
    .submain .info-block .photo{
     background-size:  100%;
    width: 35%;
    height:25vw;

    margin-bottom: 2.5vw;
}
.submain .info-block .photo-1, .photo-3{
    margin-left:5vw;
    margin-top:2.5vw
}
.submain .info-block .photo-2, .photo-4{
    margin-right:5vw;
    margin-top:2.5vw
}
       .submain .gen_a .maintext p{
         padding-top: 2.5vw;}
}
@media (max-width: 992px) {
        .submain{height:auto}

    .submain .info-block{

        margin-top:5vw;
    }

    .submain .info-block .photo{

    background-size:  100%;
    width: 35%;
    height:25vw;
    margin-top: 5vw;
    margin-left: 7.5vw;
    margin-bottom: 2.5vw;
}
.submain .info-block .text{
    width: 49%;
height:auto;
    background-color: rgb(255, 255, 255);
    float: left;
    font-size: 1.1rem;
    line-height: 1.6;
    padding-left: 2vw;
    padding-right: vw;
    padding-bottom: 5vw;
     margin-top: 5vw;

}
.submain .info-block .photo-2, .photo-4{
    margin-right:5vw
}
       .submain .gen_a .maintext p{font-size: 16px;
        padding-top: 0vw;}
}
@media (max-width: 768px) {
    
        .submain{height:auto}

       .submain .gen_a .maintext p{font-size: 16px;
          padding-top: 1.5vw;}

        .submain .info-block .photo{ width: 85%;
        height: 75vw; margin-left: 7.5%;margin-top: 7.5%;
    float: left;}
        .submain .info-block .text{
            width: 100%;
            
            background-color: rgba(232, 201, 185, 0);
            float: left;
            line-height: 1.6;
            padding-left: 0vw;
            margin-top:2.5vw;
            margin-bottom: 2vw;
        }
        .submain .block-4 .photo-4{
            height: 60vw;
        }

}

@media (max-width: 576px) {
        .submain {height:auto}
    .submain .info-block{

        margin-top:7.5vw;
    }
        .submain .gen_a .maintext p{font-size: 16px;
          padding-top: 1.5vw;}
}
@media (max-width: 400px) {
        .submain {height:auto}
        .submain .block-4 .photo-4{
            height: 60vw;
        }
        .submain .gen_a .maintext p{font-size: 16px;
          padding-top: 1.5vw;}
}
@media (max-width: 350px) {
        .submain {height:auto}
        .submain .block-4 .photo-4{
            height: 55vw;
        }
       .submain .gen_a .maintext p{font-size: 16px;
           padding-top: 1.5vw;}
}
@media (max-width: 249px) {
    .submain {height:auto}
    .submain .block-4 .photo-4{
        height: 60vw;
    }
    .submain .gen_a .maintext p{font-size: 16px;
         padding-top: 1.5vw;}
}

/* ===== Улучшение списков на странице "О движении" ===== */

/* Восстанавливаем отступы и маркеры только для списков внутри .gen_a */
.gen_a ul,
.gen_a ol {
    margin: 0.75em 0 0.75em 1.5em;   /* отступ слева и сверху/снизу */
    padding-left: 0;
}

.gen_a li {
    margin-bottom: 0.4em;         
    line-height: 1.5;              
}


.gen_a ul {
    list-style-type: disc;     
}


.gen_a ol {
    list-style-type: decimal;      
}


.gen_a .text p {
    margin-bottom: 0.5em;
}

.gen_a .text ul,
.gen_a .text ol {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}