body {
    padding-top: 20px;
  }

  .blue{
      color: #064167ff;
  }

  .fab{
    margin-left: 10px;
  }

  .spacer{
      margin-top: 150px;
  }
  
  .active{
    border-bottom: 2px #fff solid;
}

h1, h2, h3, h4, h5 {
  font-family: 'anton';
}

/* NAVIGATION */

.navbar {
background-color: #064167ff !important;
border: 1px solid #e5e5e5;
padding-top: 25px;
padding-bottom: 25px;
font-family: 'anton';
}

@media (min-width: 768px) {
.navbar-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.navbar-nav .nav-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
}

.nav-link{
color: #71a3ddff !important;
}

  
/* JUMBOTRON */


.jumbotron {
  padding-top: 8rem;
  padding-bottom: 8rem;
  margin-bottom: 0;
  background-color: #fff;
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}


  
  /* Responsive: Portrait tablets and up */
  @media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .masthead,
    .marketing,
    .footer {
      padding-right: 0;
      padding-left: 0;
    }
  }
  
  /* FOOTER  */
  
  .footer {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
    color: #fff;
    background-color: #064167ff;
  }