.header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  height: 5em;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  background-color: #d7d6ef;
  border-bottom: 1px solid #49468A;
  box-shadow: inset 0 0 10px #49468A;
}

.header-container .nav-entries-outer-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0 0.25em 0.25em 0.2em;
  column-gap: 1em;
  font-size: 2em;
  font-weight: bold;
}

.nav-hamburger-container {
  display: none; /* fix this later */
}

.wide-brand-container {
  display: none;
}

@media only screen and (min-width: 768px) {
  .nav-hamburger-container {
    display: none;
  }

  .wide-brand-container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding-bottom: 0.25em;
    column-gap: 1em;
    font-size: 2em;
  }
}