/* Let the section's own breathing room sit just below the fixed header. */
section[id] { scroll-margin-top: 48px; }

@media (max-width: 900px) {
  section[id] { scroll-margin-top: 12px; }
}