@media (max-width: 900px) {
  /* Mobile hero: keep the girl exactly where she is, move title up and directions below the chin */
  .hero-content {
    top: 45% !important;
    left: 24px !important;
    right: 24px !important;
    transform: translateY(-50%) !important;
    width: auto !important;
  }
  .hero h1 {
    font-size: 48px !important;
    line-height: .92 !important;
  }
  .hero .by {
    margin-top: 14px !important;
  }
  .hero .tags,
  .hero-content .tags {
    margin-top: 215px !important;
    row-gap: 30px !important;
    column-gap: 34px !important;
    align-items: center !important;
  }
}
@media (max-width: 430px) {
  .hero-content {
    top: 44% !important;
  }
  .hero .tags,
  .hero-content .tags {
    margin-top: 190px !important;
    row-gap: 28px !important;
    column-gap: 28px !important;
  }
}
@media (max-height: 760px) and (max-width: 900px) {
  .hero-content { top: 43% !important; }
  .hero .tags, .hero-content .tags { margin-top: 155px !important; }
}