/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
.blog-banner .container {
  grid-column: full-width !important;
  background-color: #87A68F;
  color: #fff;
  padding: 4rem 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.8rem;
}
.blog-banner .container .heading {
  margin: 0 0 0.8rem;
}

@media (max-width: 768px) {
  .blog-banner .container {
    flex-direction: column;
    text-align: center;
    gap: 3.2rem;
  }
}