/*Hero area*/
#hero-image {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../images/specific-pages/rosehands.jpg");
  height: 1000px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-text {
  text-align: center;
  position: absolute;
  left: 30%;
  transform: translate(-20%, 10%);
  color: white;
}
.h1 {
  padding: 100px 0 30px 0;
}
.hero-text > h2 {
  padding-bottom: 60px;
  color: white;
  font-family: 'Leckerli One', cursive;
}
.hero-text > p {
  font-size: 1.2em;
}
.white {
  color: white;
}
/*text*/
strong {
  color: #E44848;
}
/*Images*/
#michelle {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  width: 350px;
  height: 386px;
}
.rose {
  width:150px;
}
/*positioning*/
.relative {
  position: relative;
}
.absolute {
  position: absolute;
  top: 230px;
  left: 66%;
}
/*responsivity*/
@media only screen and (min-width: 768px) {
  .absolute {
    left: 60%;
  }
  h1 {
    font-size: 3.8em;
    padding: 130px 0 30px 0;
  }
  .hero-text > h2 {
    padding-bottom: 135px;
  }
}
@media only screen and (max-width: 900px) {
  .right {
    margin-right: auto;
  }
}
@media only screen and (min-width: 992px) {
  .hero-text > h2 {
    padding-bottom: 215px;
  }
}
@media only screen and (min-width: 1200px) {
  .absolute {
    left: 56%;
  }
  .hero-text {
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}