@media (max-width:480px){
  .hero{ padding:var(--sp-12) var(--sp-4) var(--sp-10); }
  .site-footer{ padding:var(--sp-12) var(--sp-4) var(--sp-8); }
  section{ padding:var(--sp-12) 0; }
}
@media (min-width:1400px){
  .container{ max-width:1200px; }
}