.hero {
  background-image: url("assets/home_new_background.png") !important;
  background-size: cover;
  height: 43.0625rem;
}

.hero-mobile {
  display: none;
}

.hero-mobile-background {
  background-image: url("assets/home_new_background_mobile.png") !important;
  background-size: cover;
  background-position: center;
  height: 42.375rem;
  padding-top: 29.375rem;
  margin-bottom: -3.5rem;
}

.hero-title-text {
  font-weight: 600;
  font-size: 3.5625rem;
  line-height: 4rem;
  color: #27303E;
}

.hero-caption-text {
  font-size: 1rem;
}

.hero-download-text {
  font-size: 1.375rem;
  font-weight: 700;
}


@media screen and (max-width: 1024px) {
  .hero {
    display: none;
  }

  .hero-mobile {
    display: block;
  }

  .hero-title-text {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }

  .hero-caption-text {
    font-size: 1rem;
  }

  .hero-download-text {
    font-size: 1rem;
  }
}

@media screen and (width >=700px) {
  .hero-mobile-background {
    height: 70rem;
    padding-top: 60rem;
  }
}

@media screen and (width >=1024px) {
  .hero-mobile-background {
    height: 100rem;
    padding-top: 80rem;
    margin-bottom: -10rem;
  }
}