.jumbotronBanner {
  position: relative;
  height: 89vh;
  overflow: hidden; }
  .jumbotronBanner.topOffset {
    margin-top: -2px; }
  .jumbotronBanner:after {
    content: " ";
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    position: absolute;
    bottom: 0;
    left: 0;
    height: 250px;
    width: 100%;
    z-index: 4; }
  .jumbotronBanner .heroImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1;
    object-fit: cover; }
    @media (max-width: 767.98px) {
      .jumbotronBanner .heroImage {
        height: 100%; } }
  .jumbotronBanner .heroVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    min-width: 1500px;
    height: 100%;
    z-index: 2; }
  @media screen and (min-width: 2100px) {
    .jumbotronBanner .heroVideo {
      min-width: 2100px; } }
  .jumbotronBanner .heroContent {
    position: relative;
    bottom: 0;
    z-index: 5; }

@media (min-width: 1400px) {
  .jumbotronBanner {
    min-height: 96vh; }

  .jumbotronBanner header {
    top: 35%; } }
@media screen and (min-width: 1200px) and (max-width: 1399.98px) and (orientation: portrait) {
  .jumbotronBanner {
    height: 50vh; } }
@media screen and (min-width: 1200px) and (max-width: 1399.98px) and (orientation: landscape) {
  .jumbotronBanner {
    padding: 1.5rem 0; }

  .jumbotronContainer {
    position: relative; } }
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .jumbotronBanner header {
    top: 25%; }

  .jumbotronBanner .bannerText {
    top: 30%; } }
@media screen and (min-width: 992px) and (max-width: 1199.98px) and (orientation: portrait) {
  .jumbotronBanner {
    height: 40vh; } }
@media screen and (min-width: 992px) and (max-width: 1199.98px) and (orientation: landscape) {
  .jumbotronBanner {
    padding: 1.5rem 0;
    height: 60vh; }

  .jumbotronContainer {
    position: relative; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .jumbotronBanner header {
    top: 15%; }

  .jumbotronBanner .bannerText {
    top: 20%; } }
@media screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
  .jumbotronBanner {
    height: 40vh; } }
@media screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape) {
  .jumbotronBanner {
    padding: 1.5rem 0;
    height: 125vh; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .jumbotronBanner header {
    top: 15%; }

  .jumbotronBanner .bannerText {
    right: 0;
    top: 20%;
    left: unset; } }
@media (max-width: 767.98px) {
  .jumbotronBanner {
    height: fit-content; }

  .jumbotronContainer {
    position: relative; } }

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