/* [project]/app/styles/shared/heroSection.css [app-client] (css) */
.heroCont {
  z-index: 1;
  height: 495px;
  position: relative;
  overflow: hidden;
}

.hero-title {
  color: #ddd;
  font-size: 50px;
  font-weight: 600;
}

.hero-subTitle {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

@media screen and (width <= 770px) {
  .hero-subTitle {
    font-size: 13px;
  }

  .heroCont {
    height: 450px;
  }
}

@media screen and (width <= 575px) {
  .hero-subTitle {
    font-size: 12px;
  }

  .heroCont {
    height: 400px;
  }
}

@media screen and (width <= 400px) {
  .hero-subTitle {
    font-size: 11px;
  }
}


/*# sourceMappingURL=app_styles_shared_heroSection_f93e6678.css.map*/