@media (max-width: 960px){
  .cards{grid-template-columns:1fr 1fr}
  .bullets{grid-template-columns:1fr 1fr}
  .grid-3{grid-template-columns:1fr 1fr}
  .about-grid{grid-template-columns:1fr}
  .contact-cards{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .nav{display:none;position:absolute;right:16px;top:58px;background:#0b1426;border:1px solid #1c2a4e;border-radius:12px;padding:8px;flex-direction:column;width:210px}
  .nav.show{display:flex}
  .nav-toggle{display:inline-block}
  .hero h1{font-size:30px}
  .cards{grid-template-columns:1fr}
  .bullets{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .contact-cards{grid-template-columns:1fr}
}