.hero-text {
  text-align: center;
  max-width: 400px;
  margin: auto;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .hero-text {
    max-width: 830px;
  }
}