/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
.blog-hero .container {
  max-width: 75rem;
  margin: 0 auto;
}
.blog-hero .heading,
.blog-hero .text {
  text-align: center;
}
.blog-hero .heading {
  margin: 0 0 3rem;
}
.blog-hero .text {
  font-size: 2rem;
  font-weight: 600;
}

@media (max-width: 768px) {
  .blog-hero .heading {
    margin: 0 0 2.5rem;
  }
  .blog-hero .text {
    font-size: 1.8rem;
  }
}