.hero {
  background-image: linear-gradient(to bottom, transparent 80%, rgb(0, 0, 0)), url(/img/news/news-hero.png);
}

.hero h1 {
  font-size: 4rem;
}

#pagination a {
  font-size: 1rem;
}

#pagination a.current {
  font-size: 1.5rem;
}

#news-wrapper {
  margin: 4rem 0;
}

#pagination {
  padding-bottom: 4rem;
  text-align: center;
  border-bottom: 1px solid var(--prim-color);
}

.news {
  margin-bottom: 2rem;
}

.news .news-title {
  text-align: end;
  font-size: 0.9rem;
}

@media (max-width: 800px) {
  .news .news-title {
    text-align: start;
  }
}