/* Brand first, then mode picker, then the class prompt. */
.site-hero {
  display: none !important;
}

#midnight-logo {
  display: flex !important;
  flex: 0 0 auto;
  margin: 1px auto 7px !important;
  padding: 0 !important;
}

#midnight-logo .midnight-logo-wrap {
  margin-bottom: 0 !important;
}

.gamemode-toggle {
  margin: 0 auto 8px !important;
}

.section-heading {
  margin: 0 auto 10px !important;
}

.section-heading .section-eyebrow {
  display: none !important;
}

.section-heading h2 {
  font-size: clamp(1.45rem, 2.2vw, 1.9rem) !important;
}

@media (min-width: 901px) and (max-height: 820px) {
  #midnight-logo {
    margin-bottom: 4px !important;
  }

  .section-heading {
    margin-bottom: 6px !important;
  }
}

@media (max-width: 900px) {
  #midnight-logo {
    margin-top: 8px !important;
    margin-bottom: 10px !important;
  }

  .section-heading {
    margin-bottom: 12px !important;
  }
}