img.grayscale {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  }

img.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

img.logo {
    max-width: 75px;
}

.navbar-nav>li.nav-item>a:focus,#mainNav .navbar-nav>li.nav-item>a:hover {
    color:#0085A1;
}

html body nav#mainNav.navbar.navbar-expand-lg.navbar-light.fixed-top div.container div#navbarResponsive.collapse.navbar-collapse ul.navbar-nav.ml-auto li.nav-item a.nav-link.active {
    color:#0085A1;
}

.featurette-heading {
  color: #0085A1;
}

.featurette-heading > span.text-muted {
  font-size: 0.8em;
}

.spacer {
  height: 25%;
}

html body div.container div.row.featurette div.col-md-10 p.post-meta {
  text-decoration: none;
  font-size: 18px;
  font-style: italic;
  margin-top: 0;
  color: #868e96;
}
html body div.container div.row.featurette div.col-md-10 p.post-meta a {
  text-decoration: none;
  color: #0085A1;
}

hr.featurette-divider {
    margin-bottom: 50px;
}

footer {
    padding-top: 0px;
    padding-bottom: 50px;
}
