@media (min-width: 1024px) {
  main {
    padding-top: 20vh;
  }

  section {
    padding-top: 10vh;
  }

  main section:not(#hero) {
    padding: 20px 12.5%;
  }

  main {
    height: 80vh;
  }

  .card {
    flex: 1 1 calc(25% - 20px);
    max-width: calc(25% - 20px);
  }
}
@media (min-width: 1600px) {
  footer {
    padding: 0 12.5%;
  }
}