footer {
    float:left;
    clear:both;
    width:100%;
    bottom:0;
    padding:20px 0;
    margin:20px 0 0;
    min-height:200px;
    background:#1e1b1b;
    color:#fff;
}
footer *{
    color:#fff;
    font-size:14px;
}
footer a{
    color:#fff;
}
footer > .content {
    display:flex;
    gap:20px;
}
footer > .content > .item{
    flex:1;
}
footer > .content > .item > .title{
    font-size:18px;
    font-weight: bold;
    padding:0 0 10px;
    color:var(--color-blanc);
}
footer > .content > .item > .text > span{
    display:block;
    padding:3px 0;
}

.foot-contacts{
    background-color: var(--color2);
    border-radius:8px;
    padding:16px 16px;
}

@media(min-width:768px){
    footer > .content{
        margin:0 auto;
        width:var(--page-width);
    }
}

@media(max-width:768px){
    footer{
        padding:20px;
    }
    footer *{
        font-size:16px;
    }
    footer > .content{
        flex-direction: column;
        row-gap: 20px;
    }
}

@media(max-width:480px){
}