.blue{
  color: #064167ff;
}

.fab{
  margin-left: 10px;
}
.active{
  border-bottom: 2px #fff solid;
}


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

.banner-heading{
  display: none;
}

@media only screen and (min-width : 768px) {
  .banner-heading{
      display: inline;
      font-size: 3rem;
      font-weight: 800;
      line-height: 1.2;
  }        
}

/* 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;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  bottom: 5rem;

}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 40rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 40rem;
}


/*  */



/* 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;
}