/** Shopify CDN: Minification failed

Line 89:0 Expected "}" to go with "{"

**/
.no-js .image-with-text-overlay__container {
  min-height: 100vh;
}

.image-with-text-overlay__container {
  color: var(--color-foreground);
}

.image-with-text-overlay__wrapper {
  position: relative;
  min-height: inherit;
  color: inherit;
}

.image-with-text-overlay__content {
  position: absolute;
  bottom: 0;
  left: 0;
  color: inherit;
  padding: 2rem 1rem;
}

.image-with-text-overlay__image {
  background: lightgray;
  position: relative;
  min-height: inherit;
}

.image-with-text-overlay__content > * + * {
  margin-top: 2rem;
}

.image-with-text-overlay__content h2 {
  max-width: 750px;
  color: #2b2b2b;
}

.image-with-text-overlay__image > svg,
.image-with-text-overlay__image > img {
  position: absolute;
  inset: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .image-with-text-overlay__content .button--big {
    width: fit-content;
    color: #2b2b2b;
    background: #fff;
    border-color: #fff;
    font-size: 16px;
  }
  .image-with-text-overlay__content h2 {
    font-size: 2.813rem;
  }
  .image-with-text-overlay__content {
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 768px) {
  .image-with-text-overlay__content {
    padding: 4rem 2.5rem;
    margin-bottom: 25px;
  }
  
  .image-with-text-overlay__content h2 {
    max-width: 520px;
    color: #2b2b2b;
    line-height: 1 !important;
    font-size: 70px !important;
}
  
  .image-with-text-overlay__content .button--big {
    width: 50%;
    padding: 1rem 2rem;
    color: #2b2b2b;
    background: #fff;
    border-color: #fff;
    font-size: 20px;
}
