/** 1. breakpoints **/
/** 2. buttons **/
/** 3. colors **/
/** 5. typography **/
/** 6. padding and spacing **/
.parallax-bg {
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  z-index: 0;
  position: relative;
  transform: none !important;
  left: -12px;
}
@media (min-width: 640px) {
  .parallax-bg {
    transform: translateX(-88px);
    left: -88px;
  }
}
@media (min-width: 990px) {
  .parallax-bg {
    height: 600px;
  }
}
@media (min-width: 1280px) {
  .parallax-bg {
    left: -188px;
  }
}
@media (min-width: 1560px) {
  .parallax-bg {
    left: -213px;
  }
}
@supports (-webkit-touch-callout: none) {
  .parallax-bg {
    background-attachment: scroll;
  }
}
@supports not (-webkit-touch-callout: none) {
  .parallax-bg {
    background-attachment: fixed;
  }
}
/*# sourceMappingURL=one-img-parallax.css.map */