@media screen and (min-width : 1024px) {
    .before-footer {
        position : relative;
        z-index  : 1;
    }

    #footer {
        position : relative;
        z-index  : 0;
    }

    #footer.footer-fixed {
        position : -webkit-sticky;
        position : sticky;
        bottom   : 0;
    }

    #footer > .container {
        position : relative;
        z-index  : 1;
        padding  : 15px;
    }

    .footer-container .footer {
        grid-template-columns : 1fr auto auto auto 27%;
        grid-gap              : 4.5rem;
    }

    .footer-container .footer > * {
        flex : 0 0 25%;
    }

}