#hero-back h1,
#hero-back h2 {
  color: white;
}

#hero-back h2 {
  font-size: 19px;
  letter-spacing: 0.12em;
  font-weight: 700;
  max-width: 540px;
  margin: auto auto 20px;
}

#hero-image {
  width: 100%;
  text-align: center;
  display: block;
  max-width: 100%;
  position: relative;
  transform: translateY(17.8%);
  margin: 0 auto 5%;
}

@media (min-width: 576px) {
  #hero-image {
    width: 400px;
  }
}

@media (min-width: 768px) {
  #hero-image {
    width: 540px;
  }
}

@media (min-width: 992px) {
  #hero-image {
    width: 760px;
  }
}

@media (min-width: 1200px) {
  #hero-image {
    width: 990px;
  }
}

.slider-wrapper .card-footer a:hover,
.slider-wrapper .card-footer a:visited,
.slider-wrapper .card-footer a:link,
.slider-wrapper .card-footer a:active {
  text-decoration: none;
}