main {
  padding: 70px 0px 150px 0px;
}

main, body {
  background: #FFF;
}

.bg-white.tri.triangle-bl {
  display: none;
}

.page-node-type-news h2 {
  margin: 45px 0px 30px 0px;
  font-size: 1.7rem!important;
}

.text-32px {
  line-height: 1.15em;
}

.newsgrid .views-row.news-link > div::before {
  top: 0;
  content: "";
  height: 100%;
  left: 0px;
  position: absolute;
  width: 0px;
  transition: all .3s;
  z-index: 1;
  background-color: #85ffc4;
}

.newsgrid .views-row {
  border: 1px solid transparent;
}

.newsgrid .news-link.views-row.img-teaser:hover .relative {
  background: #85ffc4!important;
  border: 1px solid #271d18;
}

.newsgrid .news-link.views-row.bg-271d17:hover {
  background-color: #85ffc4;
  border: 1px solid #271d18;
}

.newsgrid .news-link.views-row.bg-7e776f:hover,
.newsgrid .news-link.views-row.bg-85ffc4:hover
 {
  background-color: #271d18;
  border: 1px solid #85ffc4;
}




.newsgrid .news-link.views-row.img-teaser:hover p,
.newsgrid .news-link.views-row.img-teaser:hover h2,
.newsgrid .news-link.views-row.img-teaser:hover a,
.newsgrid .news-link.views-row.img-teaser:hover .text-MerriweatherItalic,
.newsgrid .news-link.views-row.bg-271d17:hover p,
.newsgrid .news-link.views-row.bg-271d17:hover h2,
.newsgrid .news-link.views-row.bg-271d17:hover a,
.newsgrid .news-link.views-row.bg-271d17:hover .text-MerriweatherItalic {
  color: #271d18!important;
}

.newsgrid .news-link.views-row.bg-7e776f:hover p,
.newsgrid .news-link.views-row.bg-7e776f:hover h2,
.newsgrid .news-link.views-row.bg-7e776f:hover a,
.newsgrid .news-link.views-row.bg-7e776f:hover .text-MerriweatherItalic,
.newsgrid .news-link.views-row.bg-85ffc4:hover p,
.newsgrid .news-link.views-row.bg-85ffc4:hover h2,
.newsgrid .news-link.views-row.bg-85ffc4:hover a,
.newsgrid .news-link.views-row.bg-85ffc4:hover .text-MerriweatherItalic
 {
  color: #85ffc4!important;
}

.newsgrid .img-teaser .relative {
  padding-bottom: 240px!important;
}

.filter-btn {
  padding: 15px 40px;
  background-color: #85ffc3;
}
.filter-btn:hover, .filter-btn.active {
  background-color: #7e776f;
  cursor: pointer;
  color: #FFF;
}

.bg-271d17.views-row .text-22px {
  color: #85ffc4;
}
.bg-271d17.views-row .text-20px {
  color: #aca59e;
}

.bg-7e776f.views-row .text-20px {
  color: #85ffc4;
}
.bg-7e776f.views-row .text-22px {
  color: #e8e5e2;
}

.wrapper, .views-element-container, .views-element-container > div, .newsgrid { position: relative; }

.newsgrid .views-row, .grid-sizer {
  width: calc(33.3333% - 10px);
}

.newsgrid .views-row {
  float: left;
  margin-bottom: 20px!important;
}

.newsgrid .views-row > .relative {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 77px 55px;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.views-element-container { margin-top: 0px; }

@media only screen and (max-width: 1620px) {
  .newsgrid .views-row > .relative {
    padding: 70px 45px;
  }
}

@media only screen and (max-width: 1024px) {
  .newsgrid .views-row, .grid-sizer {
    width: calc(50% - 10px);
  }
  .newsgrid .views-row > .relative {
      padding: 60px 40px;
  }
}

@media only screen and (max-width: 768px) {
  .newsgrid .views-row {
  width: 100%;
  }
    .newsgrid .views-row > .relative {
        padding: 50px 35px;
    }
}