@media (max-width: 1150px) {
  .site-header nav {
    display: none;
    position: absolute;
    top: 82px;
    left: 0;
    right: 0;
    background: white;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid var(--line);
  }
  .site-header nav.open { display: flex; }
  .site-header .menu-button { display: block; }
}
@media (max-width: 600px) {
  .site-header nav { top: 70px; }
}
#specialties { scroll-margin-top: 82px; }