.news-list {
  padding: 22px 0 0 0;
  margin: 0;
  list-style: none;
}

.news-list article img {
  max-width: 740px;
  width: 100%;
  margin-bottom: 16px;
  border-radius: 8px;
}

.news-list article .date {
  font-weight: 600;
  font-size: 13px;
  line-height: 170%;
  color: var(--primary-font-color);
}

.news-list article h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  margin-bottom: 18px;
  margin-top: 0;
}

.news-list article section {
  font-weight: normal;
  font-size: 18px;
  line-height: 160%;
  color: var(--comment-font-color);
  margin-bottom: 67px;
}

.news-list article a {
  text-decoration: none;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.pagination {
  list-style: none;
  display: flex;
  padding-left: 0;
  margin: 68px 0 100px 0;
  justify-content: space-between;
  align-items: center;
}

.pagination > .page-numbers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.pagination > .page-item {
  z-index: 1;
}

.pagination .page-numbers .page-item {
  margin-left: 30px;
}
.pagination > .page-numbers .page-item:first-of-type {
  margin-left: 0;
}

.pagination .page-numbers.next {
  margin-right: 0;
  margin-left: auto;
}

.pagination .page-numbers .wrapnumber {
  padding-left: 30px;
  color: var(--primary-font-color);
}

.pagination .page-numbers.dots {
  color: var(--primary-font-color);
}

.pagination .page-item.next img {
  margin-left: 16px;
  margin-right: 0;
}


.pagination li {
  padding-left: 30px;
  align-self: center;
}

.pagination li:first-child {
  padding-left: 0;
  align-self: flex-start;
  margin-right: 16%;
  white-space: nowrap;
}

.pagination li:last-child {
  align-self: flex-start;
  margin-left: 16%;
  white-space: nowrap;
}

.pagination a,
.pagination a .fa,
.pagination a span,
.pagination a img {
  text-decoration: none;
  color: var(--primary-font-color);
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}

.pagination a .fa,
.pagination a img {
  margin-right: 16px;
  vertical-align: middle;
}

.pagination li:last-child a .fa,
.pagination li:last-child a img {
  margin-right: 0;
  margin-left: 16px;
}

blockquote {
  font-weight: 300;
  font-size: 24px;
  line-height: 140%;
  margin: 64px 0 0 0;
  padding: 0 0 0 84px;
  position: relative;
  background-image: url(../images/quote.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  color: var(--comment-font-color);
}

blockquote cite {
  font-weight: normal;
  font-size: 18px;
  line-height: 160%;
  margin-top: 18px;
  margin-bottom: 64px;
  font-style: normal;
  color: var(--comment-font-color);
  display: block;
}

blockquote cite:before {
  content: "\2014 \2009";
}

@media only screen and (max-width: 768px) {
  .pagination li:first-child {
    margin-right: 0;
  }

  .pagination li:last-child {
    margin-left: 0;
  }

  blockquote {
    background-size: 10%;
    padding: 0 0 0 50px;
    font-size: 18px;
  }
}