header .logo {
  flex-grow: 1;
  color: white;
  font-size: 3vw;
}

header .logo img.lockup {
  max-width: 18rem;
}
header .right-tabs {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
header .right-tabs > div {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
}
header .right-tabs > div > div {
  display: flex;
  padding: 12px;
  margin-left: 20px;
  background-color: var(--midnight);
}

header .right-tabs > div > div.hamburger {
  display: none;
}

@media only screen and (max-width: 900px) {
  header .right-tabs > div > div.hamburger {
    display: flex;
  }

  header .right-tabs > div > div:not(.hamburger) {
    display: none;
  }
}