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

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

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

@media screen and (min-width : 1500px) {
    #footer.footer-fixed {
        position : -webkit-sticky;
        position : sticky;
        bottom   : 0;
    }
}