/* Keep the community icons together at every screen size. */
@media (max-width: 700px) {
  .masthead { height: 98px; }
  .header-inner { flex-wrap: wrap; gap: 0; align-content: start; }
  .brand { order: 1; height: 54px; }
  .socials { display: flex; order: 2; margin-left: auto; gap: 3px; }
  .main-nav { order: 3; width: 100%; height: 43px; margin-left: 0; gap: 24px; font-size: 10px; }
  .main-nav a:last-child { display: flex; }
  .social-link { width: 32px; height: 36px; }
}