@media screen and (max-width: 800px) {
  .site-header {
    position: relative !important;
  }

  .nav-toggle {
    display: flex !important;
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    z-index: 50 !important;
  }

  .main-nav {
    display: block !important;
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
  }

  .main-nav.is-open {
    max-height: 900px !important;
    opacity: 1 !important;
  }
}