/* Media
===================*/

@media (max-width: 1285px) {
    /* Container
    ===================*/
    .container {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 15px;
    }
    


    .title__h {
        color: #4f4f4f;
        font-size: 25px;
        line-height: .8;
        display: flex;
        text-transform: uppercase;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: 'Jost', sans-serif;
        margin-bottom: 10px;
        margin-top: 30px;
    }
    .b {
        color: #7AC943;
        font-size: 25px;
        line-height: .8;
        display: flex;
        text-transform: uppercase;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: 'Jost', sans-serif;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .spisok {
        list-style-image: url(img/galochka.svg);
        line-height: 2;
        font-size: 18px;
        
    }
    
    /* Container
    =================================================================================================================================*/
    .container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }
    
    
    /* Header
    =======================================================================================================================*/
    
    .header {
        width: 100%;
        height: 80px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        overflow: hidden;
        background-color: #ffffff;
        box-shadow: 2px 2px 2px #7AC943;
    }
    
    .header.fixed {
        height: auto;
        position: fixed;
    
    }
    
    .header.fixed .header__inner {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 0;
    }
    
    .header__inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
    }
    
    .header__logo {
        width: 220px;
    }
    
    .header__ozon {
        width: 280px;
    }
    
    
    /* Intro
    ===========================================================================================================================================*/
    
    .intro {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 750px;
        padding-top: 0px;
        background: url("img/bg.svg") center no-repeat;
    
    }

    

    
    
    
    /* Footer
    ===============================================================================================================================================================*/
    
    .footer {
        flex-direction: column;
        justify-content: center;
        display: flex;
    
    
    }
    
    
    
    .footer__inner {
        justify-content: center;
        align-items: center;
        padding: 20px 0;
    }
    
    .footer__ztext {
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 30px;
        font-family: 'Jost', sans-serif;
    }
    
    .bad {
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 20px;
        margin-top: 20px;
        font-family: 'Jost', sans-serif;
    }
    
    .footer__text {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 18px;
        font-family: 'Jost', sans-serif;
    
     
    }
    
    
    .footer__block {
        padding: 20px 0;
        text-align: center;
    }
    
    
    .foot__bnt {
        display: flex;
        justify-content: center;
        align-items: center;
        }
        
        .bnt__foot {
            width: 300px;
            margin: 10px;
        }
    
    
    
    /* Copyright
    ===================*/
    
    .copyright {
        display: flex;
        flex-direction: column;
        justify-content: left;
        padding-left: 0;
        height: 70px;
    
    }
    
    .copyright__text {
        font-weight: 800;
        text-align: center;
        font-size: 25px;
        margin-top: 10px;
        line-height: 1;
    }
    

 
    }

@media (max-width: 1024px) {
    
        .container {
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 15px;
        }
         
        .spisok {
            list-style-image: url(img/galochka.svg);
            line-height: 1.5;
            font-size: 18px;
            
        }
            
           /* Header
    =======================================================================================================================*/
    
    .header {
        width: 100%;
        height: 80px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        overflow: hidden;
        background-color: #ffffff;
        box-shadow: 2px 2px 2px #7AC943;
    }
    
    .header.fixed {
        height: auto;
        position: fixed;
    
    }
    
    .header.fixed .header__inner {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 0;
    }
    
    .header__inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
    }
    
    .header__logo {
        width: 220px;
    }
    
    .header__ozon {
        width: 280px;
    }
    
    
    /* Intro
    ===========================================================================================================================================*/
    
    .intro {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 900px;
        padding-top: 0px;
        background: url("img/bg.svg") center no-repeat;
    
    }
   
    
    /* Footer
    ===============================================================================================================================================================*/
    
    .footer {
        flex-direction: column;
        justify-content: center;
        display: flex;
    
    
    }
    
    
    
    .footer__inner {
        justify-content: center;
        align-items: center;
        padding: 20px 0;
    }
    
    .footer__ztext {
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 30px;
        font-family: 'Jost', sans-serif;
    }
    
    .bad {
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 20px;
        margin-top: 20px;
        font-family: 'Jost', sans-serif;
    }
    
    .footer__text {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 18px;
        font-family: 'Jost', sans-serif;
    
     
    }
    
    
    .footer__block {
        padding: 20px 0;
        text-align: center;
    }
    
    
    .foot__bnt {
        display: flex;
        justify-content: center;
        align-items: center;
        }
        
        .bnt__foot {
            width: 300px;
            margin: 10px;
        }
    
    
    
    /* Copyright
    ===================*/
    
    .copyright {
        display: flex;
        flex-direction: column;
        justify-content: left;
        padding-left: 0;
        height: 80px;
    
    }
    
    .copyright__text {
        font-weight: 800;
        text-align: center;
        font-size: 25px;
        margin-top: 10px;
        line-height: 1;
    }
    
    
            
        }

@media (max-width: 912px) {
    
    .container {
        width: 100%;

        margin: 0 auto;
        padding: 0 15px;
    }
     
    .spisok {
        list-style-image: url(img/galochka.svg);
        line-height: 1.5;
        font-size: 18px;
        
    }
        

    .title__h {
        color: #4f4f4f;
        font-size: 25px;
        line-height: 1.5;
        display: flex;
        text-transform: uppercase;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: 'Jost', sans-serif;
        margin-bottom: 10px;
        margin-top: 30px;
    }
       /* Header
=======================================================================================================================*/

.header {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 2px 2px 2px #7AC943;
}

.header.fixed {
    height: auto;
    position: fixed;

}

.header.fixed .header__inner {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 0;
}

.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.header__logo {
    width:200px;
}

.header__ozon {
    width: 280px;
}


/* Intro
===========================================================================================================================================*/

.intro {
display: flex;
flex-direction: column;
justify-content: center;
height: 600px;
padding-top: 0px;
background: url("img/bg.svg") center no-repeat;

}
.intro__inner {
width: 100%;
margin: 0 auto;
text-align: center;  
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-bottom: 30px;
}


.zagolovok__h1 {
color: #4f4f4f;
font-size: 55px;
line-height: .8;
display: flex;
text-transform: uppercase;
justify-content: center;
align-items: center;
text-align: center;
font-family: 'Jost', sans-serif;
margin-bottom: 10px;
margin-top: 30px;
}
.zagolovok__h2 {
color: #7AC943;
font-size: 25px;
line-height: .8;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: 'Lobster', cursive;
width: 400;
margin-bottom: 10px;
margin-top: 30px;
}
.zagolovok__h3 {
color: #ff5b5b;
font-size: 15px;
line-height: 1.2;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: 'Jost', sans-serif;
margin-bottom: 10px;
margin-top: 30px;
}

.intro__bg {
margin-top: 0px;
width: 300px;
}


/* Первый
===============================================================================================================================================================*/
.first {
display: flex;
flex-direction: column;
justify-content: center;
margin-top: -80px;
}


.spisok__first {
list-style-image: url(img/galochka.svg);
line-height: 2.5;
font-size: 18px; 
margin-top: 25px;
}

.first__inner {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.blok {
width: 200px;
padding: 10px;
justify-content: left;
}

.blok__img {
width: 200px;
padding: 10px;
}


/* Пятый
===============================================================================================================================================================*/
.fifth {
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 20px;
}
.h__fifth {
color: #2c2c2c;
font-size: 24px;
line-height: 1.5;
display: flex;
justify-content: left;
align-items: left;
font-family: 'Jost', sans-serif;
width: 700;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 10px;

}


/* Второй
================================================================================================================================================================*/
.second {
display: flex;
flex-direction: column;
justify-content: center;

}

.second__inner {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.second__left {
width: 70%;
}
.gal__img {
z-index: -1;
position: absolute;
}
.second__right {

}

.second__img {
transform: rotate(-20deg);
}

.text {
color: #2c2c2c;
font-size: 22px;
line-height: 1.5;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Jost', sans-serif;
font-style: italic;
width: 400;
margin-bottom: 10px;
margin-top: 30px;
}




/* Третий
===============================================================================================================================================================*/
.third {
display: flex;
flex-direction: column;
justify-content: center;
}


.third__perech {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content:center;
}

.perech {
width: 230px;
margin: 5px; 
}








/* Четвертый
===============================================================================================================================================================*/
.fourth {
flex-direction: column;
display: flex;
justify-content: center; 
}

.fourth__inner {
margin-bottom: 40px;
margin-top: 0px;
}
.h__fourth {
color: #2c2c2c;
font-size: 24px;
line-height: 1.5;
display: flex;
justify-content: left;
align-items: left;
font-family: 'Jost', sans-serif;
width: 700;
margin-bottom: 10px;
margin-top: 5px;
}
.text__fourth {
color: #2c2c2c;
font-size: 22px;
line-height: 1.5;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Jost', sans-serif;
width: 400;
margin-bottom: 5px;
margin-top: 5px;
}



/* Footer
===============================================================================================================================================================*/

.footer {
    flex-direction: column;
    justify-content: center;
    display: flex;


}



.footer__inner {
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.footer__ztext {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 30px;
    font-family: 'Jost', sans-serif;
}

.bad {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
    font-family: 'Jost', sans-serif;
}

.footer__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    font-family: 'Jost', sans-serif;

 
}


.footer__block {
    padding: 20px 0;
    text-align: center;
}


.foot__bnt {
    display: flex;
    justify-content: center;
    align-items: center;
    }
    
    .bnt__foot {
        width: 300px;
        margin: 10px;
    }



/* Copyright
===================*/

.copyright {
    display: flex;
    flex-direction: column;
    justify-content: left;
    padding-left: 0;
    height: 100px;

}

.copyright__text {
    font-weight: 800;
    text-align: center;
    font-size: 25px;
    margin-top: 10px;
    line-height: 1;
}

        
                
            }

@media (max-width: 821px) {
    
            .container {
                width: 100%;

                margin: 0 auto;
                padding: 0 15px;
            }
             
            .spisok {
                list-style-image: url(img/galochka.svg);
                line-height: 1.5;
                font-size: 18px;
                
            }
                

            .title__h {
                color: #4f4f4f;
                font-size: 25px;
                line-height: 1.5;
                display: flex;
                text-transform: uppercase;
                justify-content: center;
                align-items: center;
                text-align: center;
                font-family: 'Jost', sans-serif;
                margin-bottom: 10px;
                margin-top: 30px;
            }
               /* Header
        =======================================================================================================================*/
        
        .header {
            width: 100%;
            height: 80px;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            overflow: hidden;
            background-color: #ffffff;
            box-shadow: 2px 2px 2px #7AC943;
        }
        
        .header.fixed {
            height: auto;
            position: fixed;
        
        }
        
        .header.fixed .header__inner {
            padding-top: 10px;
            padding-bottom: 10px;
            border-bottom: 0;
        }
        
        .header__inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 0;
        }
        
        .header__logo {
            width:200px;
        }
        
        .header__ozon {
            width: 280px;
        }
        
        
       /* Intro
===========================================================================================================================================*/

.intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 600px;
    padding-top: 0px;
    background: url("img/bg.svg") center no-repeat;

}
.intro__inner {
    width: 100%;
    margin: 0 auto;
    text-align: center;  
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}


.zagolovok__h1 {
    color: #4f4f4f;
    font-size: 55px;
    line-height: .8;
    display: flex;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Jost', sans-serif;
    margin-bottom: 10px;
    margin-top: 30px;
}
.zagolovok__h2 {
    color: #7AC943;
    font-size: 25px;
    line-height: .8;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Lobster', cursive;
    width: 400;
    margin-bottom: 10px;
    margin-top: 30px;
}
.zagolovok__h3 {
    color: #ff5b5b;
    font-size: 15px;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Jost', sans-serif;
    margin-bottom: 10px;
    margin-top: 30px;
}

.intro__bg {
    margin-top: 0px;
    width: 300px;
}


/* Первый
===============================================================================================================================================================*/
.first {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -80px;
}


.spisok__first {
    list-style-image: url(img/galochka.svg);
    line-height: 2.5;
    font-size: 18px; 
    margin-top: 25px;
}

.first__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.blok {
    width: 200px;
    padding: 10px;
    justify-content: left;
}

.blok__img {
    width: 200px;
    padding: 10px;
}


/* Пятый
===============================================================================================================================================================*/
.fifth {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 20px;
}
.h__fifth {
    color: #2c2c2c;
    font-size: 24px;
    line-height: 1.5;
    display: flex;
    justify-content: left;
    align-items: left;
    font-family: 'Jost', sans-serif;
    width: 700;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;

}


/* Второй
================================================================================================================================================================*/
.second {
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.second__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.second__left {
width: 70%;
}
.gal__img {
    z-index: -1;
    position: absolute;
}
.second__right {

}

.second__img {
    transform: rotate(-20deg);
}

.text {
    color: #2c2c2c;
    font-size: 22px;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Jost', sans-serif;
    font-style: italic;
    width: 400;
    margin-bottom: 10px;
    margin-top: 30px;
}




/* Третий
===============================================================================================================================================================*/
.third {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.third__perech {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content:center;
}

.perech {
    width: 230px;
    margin: 5px; 
}








/* Четвертый
===============================================================================================================================================================*/
.fourth {
    flex-direction: column;
    display: flex;
    justify-content: center; 
}

.fourth__inner {
margin-bottom: 40px;
margin-top: 0px;
}
.h__fourth {
    color: #2c2c2c;
    font-size: 24px;
    line-height: 1.5;
    display: flex;
    justify-content: left;
    align-items: left;
    font-family: 'Jost', sans-serif;
    width: 700;
    margin-bottom: 10px;
    margin-top: 5px;
}
.text__fourth {
    color: #2c2c2c;
    font-size: 22px;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Jost', sans-serif;
    width: 400;
    margin-bottom: 5px;
    margin-top: 5px;
}

      
        
        /* Footer
        ===============================================================================================================================================================*/
        
        .footer {
            flex-direction: column;
            justify-content: center;
            display: flex;
        
        
        }
        
        
        
        .footer__inner {
            justify-content: center;
            align-items: center;
            padding: 20px 0;
        }
        
        .footer__ztext {
            align-items: center;
            display: flex;
            justify-content: center;
            text-align: center;
            font-size: 30px;
            font-family: 'Jost', sans-serif;
        }
        
        .bad {
            align-items: center;
            display: flex;
            justify-content: center;
            text-align: center;
            font-size: 20px;
            margin-top: 20px;
            font-family: 'Jost', sans-serif;
        }
        
        .footer__text {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 18px;
            font-family: 'Jost', sans-serif;
        
         
        }
        
        
        .footer__block {
            padding: 20px 0;
            text-align: center;
        }
        
        
        .foot__bnt {
            display: flex;
            justify-content: center;
            align-items: center;
            }
            
            .bnt__foot {
                width: 300px;
                margin: 10px;
            }
        
        
        
        /* Copyright
        ===================*/
        
        .copyright {
            display: flex;
            flex-direction: column;
            justify-content: left;
            padding-left: 0;
            height: 100px;
        
        }
        
        .copyright__text {
            font-weight: 800;
            text-align: center;
            font-size: 25px;
            margin-top: 10px;
            line-height: 1;
        }
        
        
                
            }

 @media (max-width: 765px) {
    
        .container {
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 15px;
        }
         
        .spisok {
            list-style-image: url(img/galochka.svg);
            line-height: 1.5;
            font-size: 18px;
            
        }
            
           /* Header
    =======================================================================================================================*/
    
    .header {
        width: 100%;
        height: 80px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        overflow: hidden;
        background-color: #ffffff;
        box-shadow: 2px 2px 2px #7AC943;
    }
    
    .header.fixed {
        height: auto;
        position: fixed;
    
    }
    
    .header.fixed .header__inner {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 0;
    }
    
    .header__inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
    }
    
    .header__logo {
        width: 220px;
    }
    
    .header__ozon {
        width: 280px;
    }
    
    
    /* Intro
    ===========================================================================================================================================*/
    
    .intro {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height:1000px;
        padding-top: 0px;
        background: url("img/bg.svg") center no-repeat;
    
    }
    
    
    /* Footer
    ===============================================================================================================================================================*/
    
    .footer {
        flex-direction: column;
        justify-content: center;
        display: flex;
    
    
    }
    
    
    
    .footer__inner {
        justify-content: center;
        align-items: center;
        padding: 20px 0;
    }
    
    .footer__ztext {
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 30px;
        font-family: 'Jost', sans-serif;
    }
    
    .bad {
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 20px;
        margin-top: 20px;
        font-family: 'Jost', sans-serif;
    }
    
    .footer__text {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 18px;
        font-family: 'Jost', sans-serif;
    
     
    }
    
    
    .footer__block {
        padding: 20px 0;
        text-align: center;
    }
    
    
    .foot__bnt {
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        }
        
        .bnt__foot {
            width: 300px;
            margin: 10px;
        }
    
    
    
    /* Copyright
    ===================*/
    
    .copyright {
        display: flex;
        flex-direction: column;
        justify-content: left;
        padding-left: 0;
        height: 100px;
    
    }
    
    .copyright__text {
        font-weight: 800;
        text-align: center;
        font-size: 25px;
        margin-top: 10px;
        line-height: 1;
    }
    
    
            
        }

@media (max-width: 540px) {
    
    .container {
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
      
    }
    
    .title__h {
        color: #4f4f4f;
        font-size: 25px;
        line-height: 1.5;
        display: flex;
        text-transform: uppercase;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
        font-family: 'Jost', sans-serif;
        margin-bottom: 10px;
        margin-top: 30px;
    }
    
    .spisok {
        list-style-image: url(img/galochka.svg);
        line-height: 1.3;
        font-size: 18px;
        
    }
    
    .header {
        width: 100%;
        height: 130px;
    
    }
    
    .header__inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 0px;
    }
    
    .header__logo {
        margin-top: 0px;
        width: 200px;
    }
    
    .header__ozon {
        margin-top: 10px;
        width: 300px;
    }
    
    .foot__bnt {
    display: block;
    justify-content: center;
    align-items: center;
    }
    
    .bnt__foot {
        width: 250px;
        margin: 5px;
    }
    
    /* Intro
    ===========================================================================================================================================*/
    
    .intro {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 1250px;
        background: url("img/bg.svg") center no-repeat;
    
    }
    .intro__inner {
        width: 100%;
        margin: 0 auto;
        text-align: center;  
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }
    
    
    .zagolovok__h1 {
        color: #4f4f4f;
        font-size: 55px;
        line-height: .8;
        display: flex;
        text-transform: uppercase;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: 'Jost', sans-serif;
        margin-bottom: 10px;
        margin-top: -60px;
    }
    .zagolovok__h2 {
        color: #7AC943;
        font-size: 30px;
        line-height: .8;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: 'Lobster', cursive;
        width: 400;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .zagolovok__h3 {
        color: #ff5b5b;
        font-size: 25px;
        line-height: 1.2;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: 'Jost', sans-serif;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .intro__bg {
        margin-top: -200px;
        width: 300px;
    }
    
    
    /* Первый
    ===============================================================================================================================================================*/
    .first {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: -480px;
    }
    
    
    .spisok__first {
        list-style-image: url(img/galochka.svg);
        line-height: 2.5;
        font-size: 18px; 
        margin-top: 25px;
    }
    
    .first__inner {
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    
    .blok {
    display: flex;
        justify-content: center;
    }
    
    .blok__img {
        width: 200px;
        padding: 10px;
    }
    
    
    
    /* Второй
    ================================================================================================================================================================*/
    .second {
        display: flex;
        flex-direction: column;
        justify-content: center;
    
    }
    
    .second__inner {
        display: flex;
        justify-content: center;
        align-items: center;

    }
    
    .second__left {
    width: 100%;
    
    }
    .gal__img {
        z-index: -1;
        position: absolute;
    }
    
    .second__img {
        transform: rotate(-20deg);
        display: none;
    }
    
    .text {
        color: #2c2c2c;
        font-size: 22px;
        line-height: 1.5;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'Jost', sans-serif;
        font-style: italic;
        width: 500;
        margin-bottom: 10px;
        margin-top: 30px;
    }
    
    
    
    
    /* Третий
    ===============================================================================================================================================================*/
    .third {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 10px;
    }
    
    
    .third__perech {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content:center;
        margin-top: 50px;
    }
    
    .perech {
        width: 230px;
        margin: 5px; 
    }
    
    
    
    
    
    
    
    
    /* Четвертый
    ===============================================================================================================================================================*/
    .fourth {
        flex-direction: column;
        display: flex;
        justify-content: center;
        height: 600px;
    }
    .fourth__inner {
        margin-top: 0px;
    }
    
    .h__fourth {
        color: #2c2c2c;
        font-size: 24px;
        line-height: 1.5;
        display: flex;
        justify-content: left;
        align-items: left;
        font-family: 'Jost', sans-serif;
        width: 700;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .text__fourth {
        color: #2c2c2c;
        font-size: 22px;
        line-height: 1.5;
        display: flex;
        justify-content: left;
        align-items: left;
        font-family: 'Jost', sans-serif;
        width: 400;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    
    
    /* Пятый
    ===============================================================================================================================================================*/
    .fifth {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 10px;
    }
    .h__fifth {
        color: #2c2c2c;
        font-size: 24px;
        line-height: 1.5;
        display: flex;
        justify-content: left;
        align-items: left;
        font-family: 'Jost', sans-serif;
        width: 700;
        margin-bottom: 5px;
        margin-top: 5px;
        margin-left: 10px;
    
    }
    
    
    /* Footer
    ===================*/
    
    .footer {
    flex-direction: column;
    justify-content: center;
    display: flex;
    width: 100%;
    position: relative;
    z-index: 0;
    }
    
    .footer__inner {
    justify-content: center;
    
    
    }
    
    .footer__ztext {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 30px;
    }
    
    .footer__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;

    
    }
    
    
    .footer__block {
    padding: 20px 0;
    text-align: center;
    }
    
    
    .foot__bnt {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    
    }
    
    .bnt__foot {
    width: 300px;
    margin: 10px;
    }
    
    
    
    
    /* Copyright
    ===================*/
    
    .copyright {
        display: flex;
        flex-direction: column;
        justify-content: left;
        padding-left: 0;
        height: 150px;
    
    }
    
    .copyright__text {
        font-weight: 800;
        text-align: center;
        font-size: 20px;
        margin-top: 30px;
        line-height: 1;
    
    }
          
              }  

 @media (max-width: 415px) { 
    
  /* Header
=======================================================================================================================*/

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 410px;
}

.title__h {
    color: #4f4f4f;
    font-size: 25px;
    line-height: 1.5;
    display: flex;
    text-transform: uppercase;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: 'Jost', sans-serif;
    margin-bottom: 10px;
    margin-top: 30px;
}

.spisok {
    list-style-image: url(img/galochka.svg);
    line-height: 1.3;
    font-size: 18px;
    
}

.header {
    width: 100%;
    height: 130px;

}

.header__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
}

.header__logo {
    margin-top: 0px;
    width: 200px;
}

.header__ozon {
    margin-top: 10px;
    width: 300px;
}

.foot__bnt {
display: block;
justify-content: center;
align-items: center;
}

.bnt__foot {
    width: 250px;
    margin: 5px;
}

/* Intro
===========================================================================================================================================*/

.intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 1300px;
    background: url("img/bg.svg") center no-repeat;

}
.intro__inner {
    width: 100%;
    margin: 0 auto;
    text-align: center;  
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px;
}


.zagolovok__h1 {
    color: #4f4f4f;
    font-size: 55px;
    line-height: .8;
    display: flex;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Jost', sans-serif;
    margin-bottom: 10px;
    margin-top: -60px;
}
.zagolovok__h2 {
    color: #7AC943;
    font-size: 30px;
    line-height: .8;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Lobster', cursive;
    width: 400;
    margin-bottom: 10px;
    margin-top: 10px;
}
.zagolovok__h3 {
    color: #ff5b5b;
    font-size: 25px;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Jost', sans-serif;
    margin-bottom: 10px;
    margin-top: 10px;
}

.intro__bg {
    margin-top: -200px;
    width: 300px;
}


/* Первый
===============================================================================================================================================================*/
.first {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -540px;
}


.spisok__first {
    list-style-image: url(img/galochka.svg);
    line-height: 2.5;
    font-size: 18px; 
    margin-top: 25px;
}

.first__inner {
    display: flex;
    justify-content: center;
    align-items: center;

}

.blok {
display: flex;
    justify-content: center;
}

.blok__img {
    width: 250px;
    padding: 10px;
}



/* Второй
================================================================================================================================================================*/
.second {
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.second__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 350px;
}

.second__left {
width: 100%;

}
.gal__img {
    z-index: -1;
    position: absolute;
}

.second__img {
    transform: rotate(-20deg);
    display: none;
}

.text {
    color: #2c2c2c;
    font-size: 22px;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Jost', sans-serif;
    font-style: italic;
    width: 400;
    margin-bottom: 10px;
    margin-top: 30px;
}




/* Третий
===============================================================================================================================================================*/
.third {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -20px;
}


.third__perech {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content:center;
    margin-top: 50px;
}

.perech {
    width: 230px;
    margin: 5px; 
}








/* Четвертый
===============================================================================================================================================================*/
.fourth {
    flex-direction: column;
    display: flex;
    justify-content: center;
    height: 1500px;
    margin-bottom: -720px;
}
.fourth__inner {
    margin-top: -700px;
}

.h__fourth {
    color: #2c2c2c;
    font-size: 24px;
    line-height: 1.5;
    display: flex;
    justify-content: left;
    align-items: left;
    font-family: 'Jost', sans-serif;
    width: 700;
    margin-bottom: 5px;
    margin-top: 5px;
}
.text__fourth {
    color: #2c2c2c;
    font-size: 22px;
    line-height: 1.5;
    display: flex;
    justify-content: left;
    align-items: left;
    font-family: 'Jost', sans-serif;
    width: 400;
    margin-bottom: 5px;
    margin-top: 5px;
}


/* Пятый
===============================================================================================================================================================*/
.fifth {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
}
.h__fifth {
    color: #2c2c2c;
    font-size: 24px;
    line-height: 1.5;
    display: flex;
    justify-content: left;
    align-items: left;
    font-family: 'Jost', sans-serif;
    width: 700;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;

}


/* Footer
===================*/

.footer {
flex-direction: column;
justify-content: center;
display: flex;
width: 100%;
position: relative;
z-index: 0;
}

.footer__inner {
justify-content: center;


}

.footer__ztext {
align-items: center;
display: flex;
justify-content: center;
text-align: center;
font-size: 30px;
}

.footer__text {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 18px;
width: 350px;

}


.footer__block {
padding: 20px 0;
text-align: center;
}


.foot__bnt {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;

}

.bnt__foot {
width: 300px;
margin: 10px;
}




/* Copyright
===================*/

.copyright {
    display: flex;
    flex-direction: column;
    justify-content: left;
    padding-left: 0;
    height: 150px;

}

.copyright__text {
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
    line-height: 1;

}

    }

 @media (max-width: 281px) {
    
        /* Header
      =======================================================================================================================*/
      
      .container {
          width: 100%;
          margin: 0 auto;
          padding: 0 10px;
          min-width: 280px;
          
      }
      
      .title__h {
          color: #4f4f4f;
          font-size: 25px;
          line-height: 2;
          display: flex;
          text-transform: uppercase;
          justify-content: center;
          flex-direction: column;
          align-items: center;
          text-align: center;
          font-family: 'Jost', sans-serif;
          margin-bottom: 10px;
          margin-top: 30px;
      }
      
      .spisok {
          list-style-image: url(img/galochka.svg);
          line-height: 1.3;
          font-size: 18px;
          
      }
      
      .header {
          width: 100%;
          height: 130px;
      
      }
      
      .header__inner {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin-top: 0px;
      }
      
      .header__logo {
          margin-top: 0px;
          width: 200px;
      }
      
      .header__ozon {
          margin-top: 10px;
          width: 200px;
      }
      
      .foot__bnt {
      display: block;
      justify-content: center;
      align-items: center;
      }
      
      .bnt__foot {
          width: 250px;
          margin: 5px;
      }
      
      
      
      /* Intro
      ===========================================================================================================================================*/
      
      .intro {
          display: flex;
          flex-direction: column;
          justify-content: center;
          height: 900px;
          width: 100%;
          padding-top: 0px;
          background: url("img/bg.svg") center no-repeat;
      
      }
    
      
      
      
      /* Footer
      ===================*/
      
      .footer {
      flex-direction: column;
      justify-content: center;
      display: flex;
      margin-top: 30px;
      width: 100%;
      position: relative;
      z-index: -5;
      }
      
      .footer__inner {
      justify-content: center;
      
      
      }
      
      .footer__ztext {
      align-items: center;
      display: flex;
      justify-content: center;
      text-align: center;
      font-size: 30px;
      }
      
      .footer__text {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 18px;
      width: 350px;
      
      }
      
      
      .footer__block {
      padding: 20px 0;
      text-align: center;
      }
      
      
      .foot__bnt {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      }
      
      .bnt__foot {
      width: 300px;
      margin: 10px;
      }
      
      
      
      
      /* Copyright
      ===================*/
      
      .copyright {
          display: flex;
          flex-direction: column;
          justify-content: left;
          padding-left: 0;
          height: 150px;
      
      }
      
      .copyright__text {
          font-weight: 800;
          text-align: center;
          font-size: 20px;
          margin-top: 30px;
          line-height: 1;
      
      }
    }