.site-footer{
    color: #fff;
    background: #000;
    font-size: 18px;
    font-family: "AM-Regular";
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.site-footer a{
    color: #fff;
}

.site-footer .f-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
}

.site-footer .f-container .socials-media{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.site-footer .f-container .socials-media .list{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.site-footer .f-container span.sep::after{
    content: "|";
    margin-left: 15px ;
    margin-right: 15px ;
}

@media screen and (max-width: 767px) {
    /*footer*/
    .site-footer {
        padding: 70px 0;
    }
    .site-footer .f-container {
        flex-direction: column-reverse;
        gap: 35px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .site-footer .f-container .socials-media {
        flex-direction: column;
        gap: 45px;
    }
    .site-footer .f-container .socials-media .sep{
        display: none;
    }
    .site-footer .f-container span.sep::after {
        content: "|";
        margin-left: 5px;
        margin-right: 5px;
    }
    /*footer*/
}