@media (max-width: 900px) {
  /* keep title and face as they are, move only the direction links below the face */
  .hero .tags,
  .hero-content .tags {
    margin-top: 118px !important;
    row-gap: 24px !important;
    column-gap: 28px !important;
    align-items: center !important;
  }
  .hero .tags a:hover:after,
  .hero-content .tags a:hover:after {
    content: "" !important;
  }
}
@media (max-width: 420px) {
  .hero .tags,
  .hero-content .tags {
    margin-top: 108px !important;
    row-gap: 22px !important;
    column-gap: 24px !important;
  }
}