Fix Problem With Header Displaying Over Section On Mobile

Site URL: https://www.useinpress.com/plans

How can I fix the site header from displaying over the section on mobile with css?

Add to Plans Page Header

<style>
  @media screen and (max-width:767px) {
  #page section:nth-child(3) {
    margin-top: 10vh !important;
}
  }
</style>

@tuanphan There is now a black spot under the site header. How can I make the black spot go away? I just want the site header to display over the first section.

1 hour ago, JaydenCruzL said:

@tuanphan There is now a black spot under the site header. How can I make the black spot go away? I just want the site header to display over the first section.

Try reduce 10vh to 9vh, 8vh..

@tuanphan I did that but it just moves the first section under the site header again. Is there another way to fix this? Here's how I want it to look: