.large-text {
  padding: var(--hh-space-2xl) var(--hh-space-md);
}

@media screen and (min-width: 990px) {
  .large-text {
    padding: var(--hh-space-2xl) var(--hh-space-3xl);
  }
}

.large-text__heading {
  margin-bottom: var(--hh-space-md);
}

@media screen and (max-width: 749px) {
  .large-text__heading.centered {
    text-align: center;
  }
}

@media screen and (min-width: 990px) {
  .large-text__heading {
    margin-bottom: var(--hh-space-sm);
  }
}