/* This corrects the sticky header from overlapping the hero sections */
/* Phone */
body{
    margin-top: 7.5em;
}
/* Phone landscape and up */
@media screen and (min-width: 768px) {
    body{
    margin-top: 6.7em;
}
}