.section--hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 15rem;
  position: relative; }
  @media (min-width: 55em) {
    .section--hero {
      height: 50vh; } }
  @media (min-width: 62em) {
    .section--hero {
      background-position: top center;
      background-size: 2160px;
      height: 75vh;
      max-height: 34rem;
      min-height: 24.5rem; } }
  @media (min-width: 78.75em) {
    .section--hero {
      background-attachment: fixed; } }
  .section--hero .field--name-field-image-caption {
    color: #fff;
    bottom: 1rem;
    display: none;
    font-family: "Avenir LT W01_35 Light1475496";
    font-size: 0.5rem;
    letter-spacing: 0.05rem;
    position: absolute;
    right: 4.34783%;
    text-shadow: 0 2px 4px #777277;
    text-transform: uppercase;
    max-width: calc(33% + 23px); }
    @media (min-width: 62em) {
      .section--hero .field--name-field-image-caption {
        display: block; } }
  .section--hero-tall {
    background-size: cover; }
    @media (min-width: 31.25em) {
      .section--hero-tall {
        height: 18rem; } }
    @media (min-width: 37.5em) {
      .section--hero-tall {
        height: 26rem; } }
    @media (min-width: 55em) {
      .section--hero-tall {
        height: 80vh;
        max-height: 47rem;
        min-height: 26rem; } }

.section--spacer {
  height: 25vh; }