@media (min-width:1024px) and (max-width:1439px) {
  .site-header { gap:18px; }
  .desktop-nav { gap:20px; }
  .header-contact { gap:8px; }
}
@media (min-width:1024px) and (max-width:1199px) {
  .site-header { padding-inline:24px; gap:12px; }
  .desktop-nav { gap:14px; }
}
@media (max-width:389px) {
  .mobile-menu nav a { font-size:30px; gap:12px; }
}