styles.css

.navbar {
  background-color: #003a80;
}

body {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
}

a {
  color: #0073ff;
}

a:hover,
a:focus {
  color: #0073ff;
}

.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #002858;
}

.navbar-inverse .navbar-nav > li > a:focus {
    background-color: #002858;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #002858;
}

.button {
  color: #ffffff;
  padding: 20px 40px;
  font-size: 20px;
  border: none;

  border-radius: 5px;

  margin: 5px;
}

.button.forecasts {
  color: #fff;
  background-color: #003a80;
}

.button.reports {
  color: #fff;
  background-color: #64a621;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #003a80;
}

@media (min-width: 768px) and (max-width: 991px) {
    header {
    padding-bottom: 89.2px !important;
    }
}