html, body, main {
  height: 100%;
  font-family: 'Vollkorn', serif;
}

nav a.nav-link {
  text-transform: uppercase;
  font-size: 1rem;
}


div#navContainer nav ul.navbar-nav li.nav-item a.nav-link,
div#navContainer nav ul.navbar-nav li.nav-item a.nav-link:visited {
  color: #333;
}

div#navContainer nav ul.navbar-nav li.nav-item a.nav-link.active,
div#navContainer nav ul.navbar-nav li.nav-item a.nav-link:active,
div#navContainer nav ul.navbar-nav li.nav-item a.nav-link:hover {
  color: #0099CC;
}

div#contentWrapper {
  padding-top: 1rem;
}

div#content {
    max-width: 900px;
}

h1 {
  color: #2B9EC8;
  font-size: 1rem;
  font-weight: bold;
}

div#contentWrapper.background-blue {
  background-color: #C8DDEB;
}

div#contentWrapper.background-light-blue {
  background-color: #E8F0F6;
}

div#contentWrapper.background-yellow {
  background-color: #F7E4D5;
}

div#contentWrapper.background-light-yellow {
  background-color: #FDF6F1;
}

div#contentWrapper.background-pale-yellow {
  background-color: #EFF2D8;
}

div#contentWrapper.background-grey {
  background-color: #E9EAEB;
}

@media (max-width: 991.98px) {
  div#navContainer {
    padding: 0px;
    margin: 0px;
  }

  div#navContainer nav {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  div#navContainer nav span.navbar-brand {
    margin-bottom: .5rem;
  }

  div#navContainer nav ul.navbar-nav {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
  }

  div#navContainer nav ul.navbar-nav li.nav-item {
    background-color: #2B9EC8;
  }

  div#navContainer nav ul.navbar-nav li.nav-item a.nav-link,
  div#navContainer nav ul.navbar-nav li.nav-item a.nav-link:visited {
    color: #FFF;
  }

  div#navContainer nav ul.navbar-nav li.nav-item a.nav-link.active,
  div#navContainer nav ul.navbar-nav li.nav-item a.nav-link:active,
  div#navContainer nav ul.navbar-nav li.nav-item a.nav-link:hover {
    color: #000;
  }

  div#navContainer nav button.navbar-toggler {
    border: 0;
    outline: none;
    margin-right: .5rem;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}