/* The classic desktop header is fixed and 100px high. Global Styles resets body padding. */
html body {
    padding-top: 100px;
}

/* The original mobile header is in normal flow; preserve the footer's separate bottom space. */
@media screen and (max-width: 767px) {
    html body {
        padding-top: 0;
    }
}