.blog-header {
  text-align: center;
}

.blog-header__title {
  color: rgb(var(--color-base-accent-1));
  font-size: 2.4rem;
  line-height: 3.6rem;
  margin: 0 0 1.6rem;
}

.blog-header__description {
  color: var(--color-grey-2);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  padding: 0 3.4rem;
}

@media screen and (min-width: 989px) {
  .blog-header__title {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}