html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

/*
 **********************************************************************************************
    sticky footer
 **********************************************************************************************
*/
html,
body {
    height: 100%; /* Set to 100% of the container */
}

    body > footer {
        top: 100vh; /* pushes the footer outside the visible area */
        position: sticky; /* pulls it back up and sticks it to the bottom edge */
    }

.wrapper-body {
    min-height: 100px; /* need to set a value to override the theme.css's calc value */
}
@media(min-width: 1200px) {
    .container {
        width: 80%;
    }
}