.news-head {
  background-color: var(--white);
}
.news-head .page-hero {
  padding-top: 3.2rem;
  padding-bottom: 2.4rem;
  border-bottom: 0;
}
@media (min-width: 992px) {
  .news-head .page-hero {
    padding-top: 4rem;
  }
}

.news-filter {
  padding-bottom: 3.2rem;
}
@media (min-width: 992px) {
  .news-filter {
    padding-bottom: 4rem;
  }
}

.news-list {
  padding-top: 3.2rem;
  padding-bottom: 4.8rem;
  background-color: var(--bg-alt);
}
@media (min-width: 992px) {
  .news-list {
    padding-top: 4.8rem;
    padding-bottom: 8rem;
  }
}

.news-list__empty {
  padding: 4.8rem 0;
  text-align: center;
  font-size: 1.7rem;
  color: var(--text-muted);
}