body {
  color: #333333;
  font-family: 'Roboto', sans-serif;
  background-color: #FFFEFE;
  padding-top: 5rem;
}

th {
    vertical-align: top;
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: -80px;
    margin-top: 0.125rem;
}

.dropdown-item:hover {
  background-color: #CC6600;
}

.navbar {
  background-color: #00274c;
}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-toggler {
  color: white;
}

.navbar-brand img {
   max-width: 100%;
   max-height: 42px;
}

.btn-primary {
  background-color: #40658f;
}

.btn-primary:hover {
  background-color: #567DA5;
}

h1, h3 {
  color: #00274C
}

h2 {
  color: #40658F;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', serif;
}

a {
  color: #0075BC;
}

a:hover {
  color: #CC6600;
}

footer {
  background-color: #333333;
  color: #999999;
}

@media (max-width: 767px) {
  body {
    padding-top: 8rem;
  }
}