/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback
	Usage: @include font-size(1, large);
*/
.paragraph--type--bg-image {
  padding: 36px 0;
  padding: 3.6rem 0;
  min-height: 325px;
  display: flex;
  align-items: center;
  position: relative;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.paragraph--type--bg-image,
.paragraph--type--bg-image .h3,
.paragraph--type--bg-image .h4 {
  color: white;
}
.paragraph--type--bg-image > .content {
  z-index: 5;
}
.paragraph--type--bg-image > .content > .spacing,
.paragraph--type--bg-image > .content > .spacing-bottom {
  margin-bottom: 0;
}
.paragraph--type--bg-image.bg .field--name-field-bg-image > .media,
.paragraph--type--bg-image.bg > .media,
.paragraph--type--bg-image.bg .bg-image { /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.75;
}
.paragraph--type--bg-image .overlay,
.paragraph--type--bg-image .field--name-field-bg-image > .media,
.paragraph--type--bg-image > .media,
.paragraph--type--bg-image .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.paragraph--type--bg-image .field--name-field-bg-image > .media,
.paragraph--type--bg-image > .media,
.paragraph--type--bg-image .bg-image {
  background-size: cover;
}
.paragraph--type--bg-image.contain .field--name-field-bg-image > .media,
.paragraph--type--bg-image.contain > .media,
.paragraph--type--bg-image.contain .bg-image {
  background-size: contain;
}
.paragraph--type--bg-image .overlay {
  z-index: 2;
}
@media (min-width: 768px) {
  .paragraph--type--bg-image {
    min-height: 460px;
  }
}

figure.bg-image {
  margin: 0;
}
/*# sourceMappingURL=maps/bg-image.css.map */