/** Shopify CDN: Minification failed

Line 60:4 Expected ":"

**/



.single-image {
  padding: 0 15px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 768px) {
    .single-image {
      padding: 0 50px; } }

.single-image {
  text-align: center;
  z-index: 5;
}
  .single-image.full-width--true {
    max-width: none;
    padding: 0; }
  .single-image--mobile {
    display: block; }
    @media only screen and (min-width: 768px) {
      .single-image--mobile {
        display: none; } }
  .single-image--desktop {
    display: none; }
    @media only screen and (min-width: 768px) {
      .single-image--desktop {
        display: block; } }
  .single-image img,
  .single-image svg {
    margin: 0 auto; }

.overlay {
  position: relative;
  width: 100%;
  height: auto;
}

.overlay:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background-color: rgba(0,0,0, var(--overlay-opacity));
  pointer-events: none;
}

.single-image--content {
  margin: 10px auto;
  color: white;
  h3 h2 color: white;
  position: absolute;
  bottom: 5%;
  left: 5%;
  z-index: 21;
  text-align: left;
}
.single-image--content h3 {
  color: white;
  font-size: 21px;
  margin: 5px;
  @media only screen and (min-width: 768px) {
    font-size: 28px;
  }
}
.single-image--content h2 {
  color: white;
  margin: 0;
}