// Use .hero-medium, or .hero-small, or ... depending on class set 
// for `hero_classes` in the frontmatter of the page.
.hero.hero-large {
    min-height: 500px;
}

.hero.parallax {
    min-height: 500px;
}

.hero {
  padding-top: 6rem;
  padding-bottom: 7rem;
}