.nav-link.btn {
  color: #000000;
}

  .nav-link.btn:hover, .nav-link.selected {
    color: rgb(122, 183, 69);
  }


h2 {
    font-family:Montserrat;
    text-transform:none;
    text-align:left;
}

h2 span{
    display:inline;
}

.postFeaturedImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 15vw;
  min-height: 200px;
  max-height: 500px;
}

.sharing-icon li {
  font-size: 14px;
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  height: 40px;
  width: 40px;
}

#blogFilter .nav-link {
  color: #000 !important;
}

  #blogFilter .nav-link.selected, #blogFilter .nav-link:hover {
    border: 1px solid #1C53D4;
    color: #1C53D4 !important;
  }
.page-link {
  color: #1C53D4;
}
  .page-link:hover {
    z-index: 2;
    color: #1C53D4;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #1C53D4;
  }

  .page-link.selected {
    z-index: 2;
    border: 1px solid #1C53D4;
    color: #1C53D4 !important;
  }

.bannerMessage {
  bottom: 120px;
}

/* === col-md tablet >= 768px) === */
@media only screen and (min-width: 768px) {
  .postFeaturedImage {
    height: 25vw;
  }
  .bannerMessage {
    bottom: 0;
  }
}

@media only screen and (min-width: 992px) {
  .bannerMessage {
    left: -130px;
  }
  .bannerAlert-streaming .btn {
    left: -90px;
  }
  .bannerAlert-streaming.bannerAlertBottom {
    padding: 0;
  }
}
/* === when we get really big (i.e. TV) (>= 2000px wide) === */
@media only screen and (min-width: 2000px) {
  .postFeaturedImage {
    background-size: contain;
  }
}