/**
 * HERO
*/
.c-hero {
  position: relative;
}

.c-hero__content {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.c-hero__background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 100%;
}

@media (min-width: 640px) {
  .c-hero__background {
    min-height: 350px;
  }
}

@media (min-width: 1024px) {
  .c-hero__background {
    min-height: 500px;
  }
}

.c-hero__background.contain {
  background-size: contain;
}
/*# sourceMappingURL=style.css.map */