body {
  font-family: 'Roboto', sans-serif;
  color: #363636;
}

footer {
  color:#999;
  margin-top:30px;
}

footer p {
  font-size:9pt;
  text-align-last: center;
}

h1, .h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 38pt;
  font-weight: 500;
  padding-bottom: 1rem;
  border-bottom: solid #00bff3;
  margin-bottom: 2rem;
}

.bg-darkblue {
  background-color: #112039;
}

.bg-lightblue {
  background-color: #00bff3;
}

.bg-lightgray {
  background-color: #e1e1e1;
}

.text-lightblue {
  color: #00bff3;
}

@media only screen and (max-width: 400px) {
    h1, .h1 {
        font-size: 30pt;
    }
}