/* line 1, ../scss/style.scss */
.banner-cover {
  height: auto;
}
/* line 4, ../scss/style.scss */
.banner-cover-text {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  z-index: 3;
  width: 100%;
}
/* line 14, ../scss/style.scss */
.banner-cover img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 1;
}
/* line 21, ../scss/style.scss */
.banner-cover .button-primary-lg,
.banner-cover .button-secondary-lg {
  width: 100%;
}
/* line 26, ../scss/style.scss */
.banner-cover .banner-overlay {
  background-color: black;
  z-index: 2;
}
/* line 30, ../scss/style.scss */
.banner-cover-sm {
  height: 370px;
}
/* line 33, ../scss/style.scss */
.banner-cover-sm .banner-cover-text {
  height: 370px;
}
/* line 36, ../scss/style.scss */
.banner-cover-sm .banner-overlay {
  height: 370px;
}
/* line 41, ../scss/style.scss */
.banner-cover-md {
  height: 550px;
}
/* line 43, ../scss/style.scss */
.banner-cover-md .banner-cover-text {
  height: 550px;
}
/* line 46, ../scss/style.scss */
.banner-cover-md .banner-overlay {
  height: 550px;
}
/* line 51, ../scss/style.scss */
.banner-cover-lg {
  height: 740px;
}
/* line 53, ../scss/style.scss */
.banner-cover-lg .banner-cover-text {
  height: 740px;
}
/* line 56, ../scss/style.scss */
.banner-cover-lg .banner-overlay {
  height: 740px;
}

@media only screen and (min-width: 768px) {
  /* line 67, ../scss/style.scss */
  .banner-cover img {
    height: 100%;
    width: 100%;
  }
  /* line 72, ../scss/style.scss */
  .banner-cover-text {
    padding-left: 50px;
    padding-right: 50px;
    gap: 32px;
    height: 100%;
    width: 728px;
    margin: auto;
  }
  /* line 81, ../scss/style.scss */
  .banner-cover .button-primary-lg,
  .banner-cover .button-secondary-lg {
    width: auto;
    display: block;
  }
  /* line 87, ../scss/style.scss */
  .banner-cover-sm {
    height: 370px;
  }
  /* line 89, ../scss/style.scss */
  .banner-cover-sm .banner-cover-text {
    height: 370px;
  }
  /* line 94, ../scss/style.scss */
  .banner-cover-md {
    height: 550px;
  }
  /* line 96, ../scss/style.scss */
  .banner-cover-md .banner-cover-text {
    height: 550px;
  }
  /* line 101, ../scss/style.scss */
  .banner-cover-lg {
    height: 740px;
  }
  /* line 103, ../scss/style.scss */
  .banner-cover-lg .banner-cover-text {
    height: 740px;
  }
}