#footer {
  font-size: 1rem;
}

#footer a:hover {
  color: #e86779 !important;
}

#staff .website {
  margin-top: 10px;
}

#header-image .header-subtitle-break {
  display: none;
}

@media (max-width: 767px) {
  #header-image {
    height: auto !important;
  }

  #header-image > div {
    height: auto !important;
    padding: 60px 0 80px;
  }

  #header-image > div > div {
    top: auto !important;
  }

  #header-image .header-subtitle-row {
    gap: 8px !important;
    padding: 0 12px;
  }

  #header-image .header-subtitle-row > span:first-child,
  #header-image .header-subtitle-row > span:last-child {
    flex: 0 1 clamp(76px, 26vw, 140px);
    width: clamp(76px, 26vw, 140px) !important;
  }

  #header-image .header-subtitle {
    display: inline-block;
    flex: 0 0 auto;
    line-height: 1.35;
    text-align: center;
    letter-spacing: 0.2em !important;
    white-space: nowrap;
  }

  #header-image .header-subtitle-break {
    display: block;
  }

  #UI + section {
    height: auto !important;
  }

  #UI + section > div {
    height: auto !important;
    padding-bottom: 60px;
  }
}