.header-link {
  text-decoration: none;
}

.header-link:hover, .header-link:active {
  color: var(--bs-primary) !important;
}

#menu {
  top: 16px;
  right: 16px;
}

body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

@media (min-width: 300px) {
  #logo {
    width: 100%;
  }
}

@media (min-width: 576px) {
  #logo {
    width: 320px;
  }
}

.dropdown-item:hover {
  color: var(--bs-light) !important;
}