.pageContentCards {
  margin: 3.2rem 0;
}

.pageContentCards__header {
  margin-bottom: 3rem;
}

.pageContentCards__heading {
  margin-top: 0;
}

.pageContentCards__list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 3rem 0;
}

.pageContentCards__item .cardArticle {
  height: 100%;
}

.pageContentCards__list {
  display: grid;
  gap: 3.2rem;
  list-style: none;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .pageContentCards {
    margin: 4.8rem 0;
  }
}

@media (min-width: 768px) {
  .pageContentCards__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6.4rem 3.2rem;
  }
}