.text-hero {
  padding: 5rem 0 4rem;
  color: var(--overlay-txt-color);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .text-hero {
    padding: 7.7rem 0 5.5rem;
  }
}
@media (min-width: 1024px) {
  .text-hero__content {
    max-width: 60%;
    margin: 0 auto;
  }
}
.text-hero__content--centered {
  text-align: left;
}
@media (min-width: 1024px) {
  .text-hero__content--centered {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .text-hero__content--centered-mobile {
    text-align: center;
  }
}
.text-hero .text-hero__title {
  font-family: var(--headline-font);
  font-weight: 400;
  color: inherit;
  letter-spacing: 1px;
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .text-hero .text-hero__title {
    margin: 0 0 1rem;
    line-height: 1.2;
  }
}
.text-hero h1.text-hero__title {
  font-size: 2.2rem;
}
@media (min-width: 1024px) {
  .text-hero h1.text-hero__title {
    font-size: 4rem;
  }
}
.text-hero h2.text-hero__title {
  font-size: 1.8rem;
}
@media (min-width: 1024px) {
  .text-hero h2.text-hero__title {
    font-size: 2.875rem;
  }
}
.text-hero__text p {
  font-size: 1rem;
  font-family: var(--regular-font);
  line-height: 1.7;
}
@media (min-width: 1024px) {
  .text-hero__text p {
    font-size: 1.125rem;
  }
}
.text-hero__btns {
  margin-top: 1.5rem;
}
@media (min-width: 1024px) {
  .text-hero__btns {
    margin-top: 2.5rem;
  }
}
.text-hero .brand-btn {
  display: inline-flex;
}
.text-hero .brand-btn.brand-btn--light {
  background: #fff;
  color: #246EFF;
}
.text-hero .brand-btn:hover, .text-hero .brand-btn:focus {
  opacity: 0.8;
}/*# sourceMappingURL=styles.css.map */