.hero {
  min-height: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.hero--l {
  min-height: 550px;
  padding-bottom: var(--s1);
}
.hero--left .hero__content {
  align-items: flex-start;
}
.hero--left .hero__heading,
.hero--left .hero__text {
  text-align: left;
}
.hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero__heading {
  font-size: 3rem;
  font-weight: bold;
  max-width: 22ch;
}
.hero__text {
  font-size: 2rem;
  max-width: 29ch;
}
.scroll-down {
  width: 36px;
  height: auto;
}

/* sm */
@media (min-width: 576px) {
  .hero__heading {
    font-size: 4rem;
  }
  .hero__text {
    font-size: 2.4rem;
  }
}

/* md */
@media (min-width: 768px) {
  .hero__heading {
    font-size: 5rem;
  }  
  .hero__text {
    font-size: 2.8rem;
  }
  .scroll-down {
    width: 46px;
  }
}

/* lg */
@media (min-width: 992px) {
  .hero--l {
    min-height: 710px;
  }
  .hero__heading {
    font-size: 6rem;
  }  
  .hero__text {
    font-size: 3.2rem;
  }
  .scroll-down {
    width: 56px;
  }
}

/* xl */
@media (min-width: 1200px) {
  .hero__heading {
    font-size: 7.4rem;
  }
  .hero__text {
    font-size: 3.6rem;
  }
  .scroll-down {
    width: 66px;
  }
}

/* xxl */
@media (min-width: 1400px) {
}