@media (max-width: 540px) {
  .hero-home h1 {
    font-size: 2em;
  }
}

@media (max-width: 720px) and (min-width: 540px) {
  .hero-home h1 {
    font-size: 3em;
  }
}

@media (max-width: 900px) and (min-width: 720px) {
  .hero-home h1 {
    font-size: 4em;
  }
}

.hero .button {
  display: block;
  margin: 1rem auto;
}

.hero {
  background-position: center;
}