.news--wrapper {
  padding: 8rem 0 4rem 0;
}
/* PIN INTEREST LAYOUT */
.grid {
  column-count: 1;
  column-gap: 2rem;
}
.grid-item {
  margin: 0 0 2rem 0;
  -webkit-column-break-inside: avoid;
  width: 100%;
}
.grid--inner {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 0px, rgb(51, 51, 51) 0px 0px 0px 2px;
  transition: all 300ms ease-in-out;
}
.grid--inner:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
/* NEWS IMAGE STYLING */
.news--image img {
  transition: 0.3s ease-in-out;
}
.news--image:hover img {
  scale: 1.15;
}
.news--image__caption {
  padding: 2rem 1rem;
}
.news--image__caption h3 {
  font-size: 1.3rem;
}
.news--image__caption.one {
  background: #232323;
  color: white;
}
.news--image__caption.two {
  background: var(--color-blue);
  color: white;
}

@media (min-width: 768px) {
  .news--wrapper {
    padding: 8rem 0 4rem 0;
  }
  .grid {
    column-count: 2;
  }
}

@media (min-width: 992px) {
  .news--wrapper {
    padding: 10rem 0 6rem 0;
  }
  .grid {
    column-count: 4;
    column-gap: 2.5rem;
  }
  
  .grid-item {
    margin: 0 0 3rem 0;
  }
  .grid--inner {
    max-width: 400px;
  }

  .news--image__caption {
    padding: 1.5rem 1.5rem;
  }
  .news--image__caption h3 {
    font-size: 1.5rem;
  }
  .news--image__caption p {
    font-size: 1.3rem;
  }
}
@media (min-width: 1200px) {
  .news--wrapper {
    padding: 12rem 0 8rem 0;
  }


  .grid-item {
    margin: 0 0 4rem 0;
  }

  .grid--inner {
    max-width: 450px;
  }
}