.hero__info {
  max-width: 492px;
}

.hero__info .text {
  margin-bottom: 140px;
  max-width: 440px;
}

@media (width <= 992px) {
  .hero__info {
    text-align: center;
  }

  .hero__info .text {
    max-width: inherit;
    margin-bottom: 30px;
  }
}

@media (width <= 576px) {
  .hero__info {
    max-width: 410px;
  }
}