@media (max-width: 980px){
  .heroGrid{ grid-template-columns:1fr; }
  .list{ grid-template-columns:1fr; }
  .grid3{ grid-template-columns:1fr; }
  .navlinks{ display:none; }
  .brand img{ width:140px; }
  .footGrid{ grid-template-columns:1fr; }
  .footLinks{ justify-content:flex-start; }
}

@media (max-width: 900px){
  .contactGrid{ grid-template-columns:1fr; }
}