/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */

@media (max-width:1080px){
  .section{ padding-block:var(--sp-7); }
}

@media (max-width:900px){
  .footer-bottom{ flex-direction:column; text-align:center; }
}

@media (max-width:640px){
  .hero-actions{ flex-direction:column; align-items:stretch; }
  .hero-actions .btn{ width:100%; }
  .section{ padding-block:var(--sp-6); }
  .reveal-compare-label{ font-size:0.65rem; padding:.3rem .6rem; }
}

@media (max-width:420px){
  .nav-logo{ font-size:1rem; }
}