@import url(zerostyle.css);
.body{
    height: 100%;
}
.wrapper{
    background-color: #EAEBF1;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    font-family:Arial, Helvetica, sans-serif;
}
.main-container{
    flex: 1 1 auto;
}
@media (min-width: 1920px){
        .wrapper {

        background-color: #EAEBF1;
    }

    /*HEADER*/
    .header-container {
        max-width: 5000px;
        margin: 0 auto;
        height: 440px;
        display: flex;
    }

    .header-container__logo {
        flex: 62.5%;
    }

    .header-logo {
        width: 942px;
        height: 432px;
        margin: 0 0 0 -2px;
    }
    .cn{
        
        flex: 37.5%;
    }
    .contacts {
        max-width: 400px;
        max-height: 150px;
        font-size: 28px;
        font-weight: 900;
        margin:  50px auto 0 auto;
        font-family: "Archivo Black", sans-serif;

    }

    .contacts__street {
        color: hsl(201, 100%, 50%);
        text-align: center;
        font-weight: 900;
    }

    .contacts__numberphone {
        color: hsl(201, 100%, 50%);
        text-align: center;
        font-weight: 900;
    }

    .contacts__mail {
        color: hsl(201, 100%, 50%);
        text-align: center;
        font-weight: 900;
    }
    /*main*/
        /*MAIN*/
    .main-container{
        width: 1520px;
        min-height: 2700px;
        margin: 0 auto;
    }
    .main-title{
        font-size: 48px;
        text-align: center;
        font-weight: 900;
        color: #00A7FF;
        letter-spacing: 0.1px;
    }
    .main-decorline{
        margin: 22px 0 0 0;
        width: 1520px;
        height: 8px;
        background-color: #00A7FF;
        border-radius: 5px;
    }
    .main-content{
        margin: 70px 0 0 0;
    }
    .content-home__button{
        width: 250px;
        height: 80px;
        background-color: #00A7FF;
    }
    .content__back{
        height: 80px;
        font-size: 30px;
        font-weight: 900;
        color: aliceblue;
        text-align: center;
        padding: 20px 0 0 0;
    }
    .content__container{
        margin: 50px 0 0 0;
        width: 1520px;
        
        background-color: #00A7FF;
        box-shadow: 0px 3px 9px 0px rgba(34, 60, 80, 0.7);
        border-radius: 10px;
    }
    
    .item__picture{
        width: 700px;
        height: 800px;
        background-image:url();
        background-size:cover;
        background-position: 50% 50%;
        margin: 0 0 0 50px;
        box-shadow: 0px 3px 9px 0px rgba(34, 60, 80, 0.7);
    }
    .block{
        display: flex;
        height: 100px;
    }
    .nothing{
        width: 760px;
        max-height: 100px;
    }
    .content__name{
        width: 760px;
        max-height: 100px;
        font-size: 46px;
        text-align: center;
        color: white;
        padding: 30px 0 0 0;
        font-weight: 800;
    }
    .content__row{
        display: flex;
        gap: 120px;
    }
    .item__title{
        width: 550px;
        padding: 150px 0 0 0;
        font-size: 54px;
        font-weight: 800;
        color: azure;
        text-align:left;

    }
    .item__information{
        
        margin: 100px auto;
        width: 1200px;
        height: 850px;
        font-weight:bold;
        color: azure;
        font-size: 22px;
    }
    .opisanie{
        font-size: 50px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: 800;
    }
    .harakter{
        font-size: 50px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: 800;
    }
    .fact{
        font-size: 50px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: 800;
    }
    .popa{
        font-family:Arial, Helvetica, sans-serif;
        font-weight: 800;
    }
    /*FOOTER*/
    .footer{
        height: 400px;
        background-color: #00A7FF;
}
}
@media (max-width: 1920px){
    .wrapper{
        
        background-color: #EAEBF1;
    }
        /*HEADER*/
    .header-container {
        max-width: 1920px;
        margin: 0 auto;
        height: 440px;
        display: flex;
    }

    .header-container__logo {
        width: 1200px;
    }

    .header-logo {
        width: 942px;
        height: 432px;
        margin: 0 0 0 -2px;
    }
    .cn{
        max-width: 720px;
        flex: 37.5%;
    }
    .contacts {
        max-width: 400px;
        max-height: 150px;
        font-size: 28px;
        font-weight: 900;
        margin:  50px auto 0 auto;

    }

    .contacts__street {
        color: hsl(201, 100%, 50%);
        text-align: center;
    }

    .contacts__numberphone {
        color: hsl(201, 100%, 50%);
        text-align: center;
    }

    .contacts__mail {
        color: hsl(201, 100%, 50%);
        text-align: center;
    }
    /*MAIN*/
    .main-container{
        width: 1520px;
        min-height: 2700px;
        margin: 0 auto;
    }
    .main-title{
        font-size: 48px;
        text-align: center;
        font-weight: 900;
        color: #00A7FF;
        letter-spacing: 0.1px;
    }
    .main-decorline{
        margin: 22px 0 0 0;
        width: 1520px;
        height: 8px;
        background-color: #00A7FF;
        border-radius: 5px;
    }
    .main-content{
        margin: 70px 0 0 0;
    }
    .content-home__button{
        width: 250px;
        height: 80px;
        background-color: #00A7FF;
    }
    .content__back{
        height: 80px;
        font-size: 30px;
        font-weight: 900;
        color: aliceblue;
        text-align: center;
        padding: 20px 0 0 0;
    }
    .content__container{
        margin: 50px 0 0 0;
        width: 1520px;
        
        background-color: #00A7FF;
        box-shadow: 0px 3px 9px 0px rgba(34, 60, 80, 0.7);
        border-radius: 10px;
    }
    
    .item__picture{
        width: 700px;
        height: 800px;
        background-image:url();
        background-size:cover;
        background-position: 50% 50%;
        margin: 0 0 0 50px;
        box-shadow: 0px 3px 9px 0px rgba(34, 60, 80, 0.7);
    }
    .block{
        display: flex;
        height: 100px;
    }
    .nothing{
        width: 760px;
        max-height: 100px;
    }
    .content__name{
        width: 760px;
        max-height: 100px;
        font-size: 46px;
        text-align: center;
        color: white;
        padding: 30px 0 0 0;
        font-weight: 800;
    }
    .content__row{
        display: flex;
        gap: 120px;
    }
    .item__title{
        width: 550px;
        padding: 150px 0 0 0;
        font-size: 54px;
        font-weight: 800;
        color: azure;
        text-align:left;

    }
    .item__information{
        
        margin: 100px auto;
        width: 1200px;
        height: 850px;
        font-weight:bold;
        color: azure;
        font-size: 22px;
    }
    .opisanie{
        font-size: 50px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: 800;
    }
    .harakter{
        font-size: 50px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: 800;
    }
    .fact{
        font-size: 50px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: 800;
    }
    .popa{
        font-family:Arial, Helvetica, sans-serif;
        font-weight: 800;
    }
    /*FOOTER*/
.footer{
    height: 400px;
    background-color: #00A7FF;
}
}