.nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--gray);
}

.logo img {
    object-fit: contain;
    height: 50px;
}

.nav-content {
  display: flex;
  align-items: center;
}

ul.dropdown-menu[data-bs-popper] {
  right: 0;
  left: unset;
}

.nav-link a {
  margin-right: 20px;
  font-size: 1.4em;
  text-decoration: none;
  color: var(--black);
  text-transform: uppercase;
  font-weight: 700;
}

.alerts {
  display: flex;
  justify-content: center;
  width: 100%;
  color: var(--white);
  .alert-bg {
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    font-weight: 800;
    padding: 10px;
  }
  .notice {
    background: var(--green);
  }
  .warning {
    background: var(--red);
  }
}