@media (max-width: 760px) {
  .header {
    position: fixed !important;
    z-index: 10000 !important;
    isolation: isolate;
    overflow: visible !important;
  }

  .header.menu-open {
    background: #f5f2eb !important;
    color: #171713 !important;
    border-bottom-color: rgba(23, 23, 19, 0.17) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .header.menu-open::after {
    content: "";
    position: fixed;
    z-index: 10001;
    top: 64px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f5f2eb;
    opacity: 1;
    pointer-events: none;
  }

  .header.menu-open .brand,
  .header.menu-open .menu {
    color: #171713 !important;
  }

  .header .nav {
    position: fixed !important;
    z-index: 10002 !important;
    top: 64px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background: transparent !important;
    color: #171713 !important;
    border-top: 1px solid rgba(23, 23, 19, 0.17);
    text-shadow: none !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  .header .nav:not(.open) {
    display: none !important;
  }

  .header .nav.open {
    display: flex !important;
  }

  .header .nav a,
  .header .nav a:hover,
  .header .nav .phone-link,
  .header .nav .outline {
    color: #171713 !important;
    text-shadow: none !important;
  }

  .header .nav a {
    width: 100%;
    padding: 12px 0;
  }

  .header .nav .outline {
    border-color: #171713 !important;
  }

  .header .menu {
    position: relative;
    z-index: 10003 !important;
  }
}