@import "/assets/css/global/global.css";
@import "./partials/hero.css";
@import "./partials/section1.css";
@import "./partials/section2.css";
@import "./partials/section3.css";
@import "./partials/section4.css";
@import "./partials/section5.css";

.paralax-bg {
  width: 100%;
  height: 80vh;
  background-image: url("/assets/images/paralax-bg.webp");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

@supports (-webkit-touch-callout: none) {
  .paralax-bg {
    background-attachment: scroll;
  }
}