footer .top-footer {
    position: relative;
    padding: 1rem 0;
}

footer .top-footer:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 15px;
    top: 0;
    left: 0
}

footer .top-footer h4 {
    font-size: 1.75rem;
    font-weight: 600;
    padding-left: 1.5625rem
}

footer .top-footer h4 span {
    display: block;
    font-weight: 300
}

footer .top-footer .social-block {
    position: relative
}

footer .top-footer .social-block:before {
    position: absolute;
    content: "";
    background: #a98942;
    width: 2px;
    height: 100%;
    top: -15px;
    left: 0
}

footer {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    min-height: 50px;
}

footer .menus {
    text-align: center;
    margin: unset;
    padding: unset;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

footer .menus li {
    display: block;
    margin-top: 2%;
}

footer .menus li a {
    text-decoration: none;
}

footer .menus li a:hover {
    text-decoration: underline;
}

footer .copyright {
    text-align: center;
}

.gray-bg {
    background: #f3f3f8;
}

.grid-container {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}

ul.social-medias li.facebook a:before {
    content: url("../icon/icon-facebook.a23be73029c4e40f7b58da87e0d9971b-3b268ab9e065cbebd341451a0695323a.svg");
    width: 36px
}

ul.social-medias li.facebook:after {
    content: "Suivez l'actualit\E9   en live. Discutez entre chefs et professionnels."
}

ul.social-medias li.instagram a:before {
    content: url("../icon/icon-instagram.04282aefb2c95531d4d9b743b20e6363-df25721a84c019d030d57d0deb6f32e2.svg") !important;
    width: 36px
}

ul.social-medias li.instagram:after {
    content: "Inspirations, tendances, retrouvez tout Pr\E9sident Professionnels en images."
}

ul.social-medias li.youtube a:before {
    content: url("../icon/icon-youtube.9616d4ff81dfeac834c6d7c682638928-a166e88032e4700b2855e78bb9c52881.svg");
    width: 36px
}

ul.social-medias li.youtube:after {
    content: "Toutes les vid\E9os des concours recettes, masterclass et coaching."
}

ul.social-medias {
    padding: 0;
}

ul.social-medias li {
    position: relative;
    list-style-type: none;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    width: 28%
}

ul.social-medias li:after {
    position: absolute;
    content: "";
    display: none;
    width: 100%;
    font-weight: 300;
    text-align: center;
    min-height: 60px;
    bottom: 0;
    left: 0;
    font-size: .875rem
}

ul.social-medias li a {
    position: relative;
    display: block;
    padding: 1rem;
    top: 0;
    transition: all .25s ease-in;
    background: #a98942;
    font-size: 0;
    border-radius: 50%;
    margin: 0 auto 4.375rem;
    width: 36px;
    height: 36px;
}

ul.social-medias li a:hover {
    color: #cbcbcb;
    top: -10px;
    transition: all .25s ease-in
}

ul.social-medias li a:before {
    position: absolute;
    content: "";
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%)
}


@media screen and (min-width: 992px) {
    ul.social-medias li {
        display: inline-block;
    }

    footer .menus li {
        display: inline-block;
        margin: 0 .625rem 0 0;
    }

    .grid-container {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 730px) {

    ul.social-medias li:after {
        display: block;
    }
}