@media (max-width: 980px){
  .hero-grid{ grid-template-columns: 1fr; }
  .split{ grid-template-columns: 1fr; }
  .grid-3{ grid-template-columns: 1fr; }
  .grid-2{ grid-template-columns: 1fr; }
  .stats{ grid-template-columns: 1fr; }
  .blog-grid{ grid-template-columns: 1fr; }
  .quote{ min-width: 100%; }
  .footer-grid{ grid-template-columns: 1fr; }
  .footer-links{ justify-content: start; }
}

@media (max-width: 820px){
  .nav-links{ display:none; }
  .burger{ display:grid; }
}

@media (max-width: 520px){
  .container{ width: min(1150px, calc(100% - 28px)); }
  .btn{ padding: 11px 12px; }
  .icon-btn{ width: 40px; height: 40px; }
  .modal .dialog{ margin: 52px auto; }
}