/* IMPORT THE FRAMEWORK */
.intro {
  background-repeat: no-repeat;
}

.intro {
  background-size: cover;
}

.intro {
  background-position: center bottom;
}

.hero {
  height: 1050px;
}

.webp .hero {
  background-image: url("/app/images/home/hero.webp");
}

.no-webp .hero {
  background-image: url("/app/images/home/hero.jpg");
}

.intro {
  background-image: url("/app/images/home/intro-bg.jpg");
}
.intro p {
  margin-bottom: 100px;
}

@media screen and (max-width: 760px) {
  .intro {
    background-position: -600px bottom;
    background-size: 1100px;
  }
}