@import url("/site-base.css");

@media (max-width: 520px) {
  .wrap {
    width: min(calc(100% - 1.25rem), 1160px);
  }
  .nav {
    flex-direction: column;
    align-items: stretch;
  }
  .nav-links {
    width: 100%;
    justify-content: space-between;
  }
  .nav-links a {
    padding: 0.4rem 0.2rem;
    font-size: 0.83rem;
  }
  .brand {
    align-self: flex-start;
  }
  .hero h1 {
    overflow-wrap: anywhere;
  }
  .hero-grid > * {
    min-width: 0;
  }
  .feature-art {
    width: 100%;
  }
}