.vertical-parallax {
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.3s ease-in-out;
}
.vertical-parallax.visible {
  opacity: 1;
}
.vertical-parallax .vertical-parallax-item picture {
  will-change: transform;
  transition: transform 1s ease-out;
}

.hero {
  min-height: 1024px;
}
.hero .section-bgr {
  -webkit-mask-image: url(../assets/hero-mask.svg);
          mask-image: url(../assets/hero-mask.svg);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
          mask-position: center bottom;
}
.hero.md {
	min-height: 640px;
	margin-top: 100px;
}

.intro {
  position: relative;
}
.intro .vertical-parallax {
  position: absolute;
  top: -40%;
  left: -20%;
}
.intro .vertical-parallax picture {
  width: 540px;
  height: 540px;
}

.outro {
  position: relative;
}
.outro .vertical-parallax {
  position: absolute;
  top: 0%;
  right: -20%;
}
.outro .vertical-parallax picture {
  width: 540px;
  height: 540px;
}

.card.overlapping-media {
  overflow: visible;
}
.card.overlapping-media .card-media {
  overflow: visible;
}
.card.overlapping-media .card-media picture {
  width: 160px;
  height: 160px;
  margin: -80px auto 0;
}
.card.bgr-primaryColor .card-body, .card.bgr-primaryColor .card-body a {
  color: hsl(39.0566037736, 45.2991452991%, 84.1176470588%);
}
.card.bgr-primaryColor .icon:before {
  background-color: hsl(39.0566037736, 45.2991452991%, 84.1176470588%);
}