@media (max-width: 960px) {
  .hero,
  .section-head,
  .install {
    grid-template-columns: 1fr;
  }

  .hero {
    min-height: auto;
  }

}

@media (max-width: 640px) {
  header,
  footer {
    align-items: flex-start;
    flex-direction: column;
  }

  nav {
    flex-wrap: wrap;
  }

  h1 {
    font-size: clamp(3.2rem, 19vw, 5rem);
  }
}