/** Shopify CDN: Minification failed

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

**/
.hero {
  height: 350px;
}

@media only screen and (max-width: 750px) {
  .hero { height: 250px !important}
  .hero-wrapper { margin-top: -65px !important}
}


.hero__image {
  -webkit-mask-image: linear-gradient(to top, transparent, black 75%);
  mask-image: linear-gradient(to top, transparent, black 75%);
}

.hero {
  background: transparent;
}

.hero__text-wrap {
  bottom: 80px;
  left: 10px;
}

.content-block {
  position: relative;
  margin-top: -30px;
}


/* Overrides main-content top margin in order to make banner image flush with top of page */
.main-content {
  margin-top: 60px !important;
}

.hero__title {
  font-size: 40px;
  margin-bottom: 20px;

@media only screen and (max-width: 750px) {

.hero__title {
  font-size: 30px;

}

/* Move price down a bit from product title */
/* This is not working yet! Needs fix along with banner not being full page width. */
.product-single__meta-list.list--no-bullets.list--inline {
  padding-top: 10px !important;
}