.blog-articles {
  display: grid;
  grid-gap: 3rem;
}

.main-blog .title--primary {
  color: #b88c67;
  font-family: var(--font-body-family);
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4rem;
}

@media screen and (min-width: 750px) {
  .main-blog {
    margin-bottom: 15rem;
  }
  .blog-articles {
    grid-template-columns: auto auto auto auto;
  }
}