
    @media (max-width: 980px){
      .hero-grid{grid-template-columns:1fr; }
      .stats{grid-template-columns:repeat(3, 1fr)}
      .grid-3{grid-template-columns:1fr}
      .grid-2{grid-template-columns:1fr}
    }
    @media (max-width: 760px){
      .nav-links{display:none}
      .hamburger{display:inline-flex}
      .stats{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr}
      .foot-links{justify-content:flex-start}
    }

