/**
 * Shared blog header layout (.blog-title).
 * Blog title font is set per header style (below), not from Fonts → Title Font.
 */

.blog-title {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.blog-title a {
  text-decoration: none;
}

.blog-title p {
  font-size: 3.75rem;
  font-family: Canela, 'Times New Roman', Times, serif;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.blog-title img {
  height: auto;
  max-width: 100%;
}

@media (max-width: 767.98px) {
  .blog-title {
    min-height: 0;
  }

  .blog-title p {
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}