.page-news {
  padding-bottom: 56px;
}
@media (min-width: 768px) {
  .page-news {
    padding-bottom: 140px;
  }
}
.page-news .breadcrumbs {
  margin-bottom: 24px;
}
.page-news__title {
  margin-bottom: 24px;
  color: #3f4041;
}
@media (min-width: 768px) {
  .page-news__title {
    margin-bottom: 56px;
  }
}
.page-news__grid {
  display: grid;
  grid-template: auto/100%;
  grid-gap: 24px;
}
@media (min-width: 768px) {
  .page-news__grid {
    grid-template: auto/repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .page-news__grid {
    grid-template: auto/repeat(3, minmax(0, 1fr));
    grid-gap: 56px 30px;
  }
}