.hero-top {
  position: relative
}

.hero-top-bg {
  width: 100%;
  min-height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom
}

@media(width >=768px) {
  .hero-top-bg {
    height: 50vh
  }
}

.hero-top__inner {
  position: absolute;
  z-index: 2;
  top: 0;
  color: #fff;
  padding-top: 38px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media(width >=768px) {
  .hero-top__inner {
    padding-top: 76px
  }
}

@media(width >=1200px) {
  .hero-top__inner .container {
    max-width: 1160px
  }
}

.hero-top .scroll-down-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  padding-right: 16px;
  padding-bottom: 16px
}

@media(width >=768px) {
  .hero-top .scroll-down-wrap {
    padding-right: 50px;
    padding-bottom: 34px
  }
}

.hero-top .scroll-down-wrap .scroll-down {
  cursor: pointer
}

.hero-top .scroll-down-wrap .scroll-down svg {
  width: 62px;
  height: 62px
}

@media(width >=768px) {
  .hero-top .scroll-down-wrap .scroll-down svg {
    width: 124px;
    height: 124px
  }
}

.hero-top__subtitle {
  padding-bottom: 1.5rem;
  letter-spacing: .1em;
  font-size: 18px;
  font-weight: 400
}

@media(width >=768px) {
  .hero-top__subtitle {
    font-size: 22px;
    letter-spacing: .25em;
    padding-bottom: 2.5rem
  }
}

.hero-top__title img {
  width: 55%
}

@media(width >=768px) {
  .hero-top__title img {
    width: auto
  }
}

.scroll-down-wrap {
  display: none !important
}

/*# sourceMappingURL=a-life-thanks.css.map */