/** Shopify CDN: Minification failed

Line 15:19 Expected identifier but found whitespace
Line 15:21 Unexpected "{"
Line 15:30 Expected ":"

**/


/* CSS from section stylesheet tags */
.banner-container {
  position: relative;
  width: 100%;
  aspect-ratio: 2000 / 435;
  background-color: {{ section.settings.background_color }};

}

.banner-blue,
.banner-yellow,
.banner-red {
  position: absolute;
  padding: 1rem;
  color: #000;
}

.banner-yellow {
  text-align: right;
}

/* Desktop layout width: 11.00%;*/
@media (min-width: 750px) {
  .banner-blue {
    bottom: 20%;
    left: 46%;
    
    height: 250px;
    z-index: 1000;
  }

  .banner-yellow {
    bottom: 23%;
    left: 15%;
    width: 35%;
    height: 30%;
  }

  .banner-red {
    top: 55.63%;
    left: 65.35%;
    width: 14.40%;
    height: 30.34%;
    display: block;
  }
}

/* Mobile layout */
@media (max-width: 749px) {
    .banner-container {
    margin:0px;
    padding:0px;    
    height: 180px;    
    }
  .banner-blue {
    margin:0px;
    padding:0px;
    left: 46%;
    bottom: 20px;

    height: 140px;
    z-index: 1000;
  }

  .banner-yellow {
    margin:0px;
    padding:0px;
    bottom: 12px;
    left: 23%;
  }

  .banner-red {
    display: none;
  }
  h5 {
  line-height: 1;
  }
}