body { overflow-x: hidden; }
.nav-wrap { position: relative; }

@media (max-width: 700px) {
  .container { width: calc(100% - 32px); }
  .menu-toggle {
    position: absolute;
    right: 0;
    top: 19px;
    z-index: 2;
    flex: 0 0 40px;
  }
  .hero-content { align-items: stretch; }
  .hero-content .eyebrow,
  .hero-content h1,
  .hero-content > p {
    width: 100%;
    max-width: 100%;
  }
  .hero-content .eyebrow {
    font-size: 9px;
    letter-spacing: .13em;
    line-height: 1.4;
  }
  .hero-content .eyebrow span { flex: 0 0 28px; }
  .hero-content h1 {
    font-size: 54px;
    overflow-wrap: anywhere;
  }
}