.grayscale-90 {
  -webkit-filter: grayscale(90%);
  filter: grayscale(90%); }

/* CSS for font highlighting */
a {
  color: #00afab; }
  a:hover {
    color: #007c79; }

.font-highlight-color {
  color: #00afab; }

.bg-highlight-color {
  background-color: #00afab; }

.border-highlight-color {
  border-color: #00afab; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #00afab; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.8); }

.navbar-dark .navbar-nav .active > .nav-link {
  font-weight: bold; }

.quote {
  position: relative;
  padding-left: 3rem; }

.quote:before {
  content: "";
  background: url(/assets/screen-half-1ea37758205a3ab0d9dfc586f012fc90d4d3e6f7094cac520a50ebbbc3ba75b7.png);
  height: 1rem;
  display: inline-block;
  width: 100%; }

.quote:after {
  content: "\201C";
  font-family: Georgia,serif;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 4rem;
  line-height: 4rem; }

#social a {
  padding-right: 0.125rem;
  padding-left: 0.125rem; }

.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6, .carousel-caption .h1, .carousel-caption .h2, .carousel-caption .h3, .carousel-caption .h4, .carousel-caption .h5, .carousel-caption .h6 {
  color: inherit; }

.caption-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  transition: all 0.2s ease-out; }

.carousel .carousel-item {
  transition-duration: 1.5s; }