Mobile Header Padding Overlaps Content

Site URL: https://www.riverside-ent.com/

A recent issue has developed that I've never had before on my site.  I don't know if it was an update issue in 7.1 or a style tweak that was made that created the problem.  The content of every page in mobile view now overlaps the header.  Is there a way for it to always allow enough padding for the header when resized?

Try removing this code

<style>
    @media screen and (max-width:767px) {
#page section:first-child {
    height: 40vh !important;
    min-height: unset !important;
}
}
</style>

Thank you!