.featured-articles-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  grid-template-areas: "first second";
}

.featured-articles-wrapper.inverted {
  grid-template-areas: "second first";
}

.featured-articles-wrapper > :first-child {
  grid-area: first;
}

.featured-articles-wrapper > :nth-child(2) {
  grid-area: second;
}

.featured-network-categories {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.all-articles-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.articles-title,
.featured-articles-title {
  margin: 0;
  color: #101820;
  font-family: "all-round-gothic" sans-serif;
  font-size: 2rem !important;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.02rem;
  margin-top: 20px;
}

.featured-articles-title {
  margin-top: 0;
  margin-bottom: 20px;
}

.all-articles-wrapper.col-2 {
  grid-template-columns: repeat(2, 1fr);
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .featured-articles-wrapper {
    display: flex;
    flex-direction: column;
  }

  .all-articles-wrapper,
  .all-articles-wrapper.col-2 {
    grid-template-columns: 1fr;
  }

  .featured-network-categories {
    gap: 15px;
  }
}