/* Quark 2: restore old-style hero size classes */

.hero.hero-fullscreen,
.modular-hero.hero-fullscreen,
#blog-hero.hero-fullscreen {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.hero.hero-large,
.modular-hero.hero-large,
#blog-hero.hero-large {
  min-height: 75vh;
  display: flex;
  align-items: center;
}

.hero.hero-medium,
.modular-hero.hero-medium,
#blog-hero.hero-medium {
  min-height: 55vh;
  display: flex;
  align-items: center;
}

.hero.hero-small,
.modular-hero.hero-small,
#blog-hero.hero-small {
  min-height: 38vh;
  display: flex;
  align-items: center;
}

.hero.hero-tiny,
.modular-hero.hero-tiny,
#blog-hero.hero-tiny {
  min-height: 25vh;
  display: flex;
  align-items: center;
}

/* Quark 2: simple background parallax */
.hero.parallax,
.modular-hero.parallax,
#blog-hero.parallax {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

/* Safer on mobile, where fixed backgrounds can be buggy */
@media (max-width: 768px) {
  .hero.parallax,
  .modular-hero.parallax,
  #blog-hero.parallax {
    background-attachment: scroll;
  }
}