body.single-post .prose,
body.blog .prose,
body.archive .prose {
  font-family: "Comic Sans MS", "Comic Sans", cursive;
}

.blh-site-logo {
  background: transparent;
  display: block;
  max-width: 5.5rem;
}

@media (min-width: 640px) {
  .blh-site-logo {
    max-width: 6.5rem;
  }
}

.blh-hero-image {
  object-position: 30% 96%;
}

.blh-hero-slide {
  opacity: 0;
  transition: opacity 700ms ease-in-out;
}

.blh-hero-slide.is-active {
  opacity: 1;
}

@media (min-width: 640px) {
  .blh-hero-image {
    object-position: 28% 94%;
  }
}

@media (min-width: 1024px) {
  .blh-hero-image {
    object-position: 24% 90%;
  }
}