/*
 * Hero
 *
 * Base styles only. Page-specific variants (.path-frontpage, .page-node-7,
 * .hero-left) and mobile overrides live in css/style.css, which loads after
 * component CSS.
 */
.top-hero-image {
  width: 100%;
  min-height: 412px;
  display: flex;
  overflow: hidden;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.hero-image-text {
  padding-top: 8rem;
  padding-bottom: 6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.hero-image-text p {
  font-size: 1.25rem;
}