body{

    min-height:100vh;

    display:flex;

    flex-direction:column;

    font-family:Arial, sans-serif;

    background:#FFFDFD;

    color:#3E3131;

}

main{

    flex:1;

    display:flex;

    flex-direction:column;

}



/* Шапка */





.footer{

    background:#111;

    color:white;

    margin-top:20px;

    padding:80px 70px 40px;
}

.footer-top{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:60px;

    margin-bottom:60px;
}

.footer-column{

    display:flex;
    flex-direction:column;
}

.footer-column h3{

    margin-bottom:25px;

    font-size:18px;
}

.footer-column a{

    text-decoration:none;

    color:#bdbdbd;

    margin-bottom:12px;

    transition:.3s;
}

.footer-column a:hover{
    color:white;
}

.footer-column p{

    color:#bdbdbd;

    margin-bottom:10px;
}

.footer-bottom{

    border-top:
    1px solid rgba(255,255,255,.1);

    padding-top:25px;

    display:flex;

    justify-content:space-between;

    color:#888;
}
@media(max-width:768px){

    .footer-top{

        grid-template-columns:1fr;

        gap:40px;
    }

    .footer-bottom{

        flex-direction:column;

        gap:15px;
    }

}

.container{

    width:min(1450px,calc(100% - 80px));

    margin-inline:auto;

}

.container-wide{

    width:min(1650px,calc(100% - 80px));

    margin-inline:auto;

}

.container-small{

    width:min(1200px,calc(100% - 80px));

    margin-inline:auto;

}