.top-navigation {
  width: 96vw;

  position: fixed;
  top: 0;
  height: 6vh;
  padding-top: 4vh;

  font-size: 1.75rem;

  z-index: 9;
}
.top-navigation a { color: inherit !important; text-decoration: none !important; }
.top-navigation a:hover { text-decoration: underline !important; }

.top-navigation .active-link { color: #ed2124 !important; }

@media only screen and (max-aspect-ratio: 11/10) and (max-width: 500px) {
  .top-navigation {
    padding-top: 2vh !important;
    font-size: 1.5rem !important;
  }

  .infodesk{
    padding-top: 1.5vh !important;
    padding-bottom: 2vh !important;
  }
}

@media only screen and (max-aspect-ratio: 13/10) {
  .infodesk{
    font-size: 1.35rem !important;
  }
}

.nav-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.nav-start {
  order: 1;
}

.nav-end {
  order: 2;
  margin-right: 2%;
}

@media only screen and (min-aspect-ratio: 11/10) {
  .nav-end {
    display: default !important;
  }
}
@media only screen and (max-aspect-ratio: 11/10) {
  .nav-end {
    display: none !important;
  }
}

.feed-panel {
  position: fixed;
  right: 4vw;
  top: 0vh;

  padding: 4vh 2% 2% 0;

  width: 25%;
  min-width: 16rem;
  max-height: 80vh;
  overflow: hidden;

  font-family: SpaceGroteskBold, sans-serif;
  line-height: 1.15;

  z-index: 19;
}

.feed-panel-dark {
  background-color: rgba(16,16,16,0.96) !important;
}

@media only screen and (min-aspect-ratio: 11/10) {
  .feed-panel {
    display: default !important;
  }
}

@media only screen and (max-aspect-ratio: 11/10) {
  .feed-panel {
    display: none; !important;
  }
}

.feed-panel-big-header {
  font-size: 1.75rem;
  font-family: inherit;
}

.feed-panel-header {
  font-size: 1.5rem;
  font-family: inherit;
}

.feed-item-header {
  font-size: 1.25rem;
  text-transform: uppercase;
  line-height: 1.4;
} .feed-item-header a {
  text-transform: none !important;
}

.feed-item-detail {
  font-family: SpaceGrotesk, sans-serif;
  font-size: 1rem;

  line-height: 1.25;

  margin-top: 0.75vh;
  margin-bottom: 1.25vh;
}

.feed-panel-timetable {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;

  margin-top: 2.75vh;
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;

  height: 11vh;
  width: 100vw;

  z-index: 99;
}

.navigation {
  text-transform: uppercase;

  font-size: 3.2rem;

  line-height: 90%;
  color: #ed2124;

  position: fixed;
  bottom: 2vh;
  left: 2vw;
} .navigation a { text-decoration: none !important; }

@media only screen and (min-aspect-ratio: 11/10) {
  .footer {
    height: 11vh !important;
  }

  .navigation {
    font-size: 3.2rem !important;
  }
}

@media only screen and (max-aspect-ratio: 11/10) {
  .footer {
    height: 9vh !important;
  }

  .navigation {
    font-size: 2.4rem !important;
  }
}

@media only screen and (max-aspect-ratio: 11/10) and (max-width: 500px) {
  .footer {
    height: 8vh !important;
  }

  .navigation {
    font-size: 2rem !important;
  }
}

@media only screen and (max-aspect-ratio: 6/10) {
  .footer {
    height: 7vh !important;
  }

  .navigation {
    font-size: 1.5rem !important;
    padding-bottom: 0.25vh;
  }
}

.main-nav     { font-family: SpaceGroteskBold, sans-serif; }
.nonmain-nav  { font-family: SpaceGrotesk, sans-serif; }

.penguin {
  height: 16vh;
  width: 12vh;

  position: fixed;
  bottom: 3vh;
  right: 2vw;

  z-index: 9999;
}

.container {
  margin: 0 2vw 2vh 2vw;
  position: relative;
}

.link-list {
  padding-top: 4vh;
  overflow-wrap: normal !important;
}

@media only screen and (min-aspect-ratio: 11/10) {
  .link-list {
    padding-bottom: 0% !important;
  }
}

@media only screen and (max-aspect-ratio: 11/10) {
  .link-list {
    padding-bottom: 20% !important;
  }
}

.menu-link {
  font-family: SpaceGroteskBold, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 6rem;
  line-height: 90%;

  color: #ed2124;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1.4px;
    -webkit-text-stroke-color: #ed2124;
}
.menu-link:hover {
  -webkit-text-fill-color: #ed2124;
}

.main-content {
  width: 60%;

  line-height: 1.15;
  padding-bottom: 20vh;

  position: relative;
  top: 12vh;
}

@media only screen and (min-aspect-ratio: 11/10) {
  .main-content {
    width: 60% !important;
  }

  .main-content-alt {
    width: 40% !important;
  }
}

@media only screen and (max-aspect-ratio: 11/10) {
  .main-content {
    width: 98% !important;
  }

  .main-content-alt {
    width: 98% !important;
  }
}

.main-content-alt {
  width: 40%;

  line-height: 1.15;
  padding-bottom: 20vh;
}

.content-split-header {
  text-transform: uppercase;

  font-family: SpaceGrotesk, sans-serif;
  font-size: 1.75rem !important;
  color: #ed2124;
}
.content-split-header:before  { content: '|\2003\2003'; }
.content-split-header:after   { content: '\2003\2003|'; }

.content-header {
  font-family: SpaceGroteskBold, sans-serif;
  font-size: 32px;

  text-transform: uppercase;
}

.content-secondary-header {
  font-family: SpaceGroteskBold, sans-serif;
  font-size: 28px;
}

.content-teritary-header {
  font-family: SpaceGrotesk, sans-serif;
  font-size: 24px;
}

.content-text {
  font-family: SpaceGroteskMedium, sans-serif;
  font-size: 24px;
}

.content-secondary-text{
  font-size: 18px;
}

.info-chunk {
  display: none;
}