.hero {
  background-image: url("/app/images/services/hero.jpg");
}
.hero h1 {
  top: 300px;
  right: 150px;
}

@media screen and (max-width: 760px) {
  .hero {
    height: 880px;
  }
}
@media screen and (min-width: 450px) and (max-width: 760px) {
  .hero {
    background-position: 84% bottom;
    background-size: 170%;
  }
}
@media screen and (max-width: 449px) {
  .hero {
    background-position: 84% bottom;
    background-size: 210%;
  }
}
.intro {
  margin-top: -270px;
  padding: 400px 20% 100px 20%;
}