@media screen and (min-width: 640px) {
  .alignment-right .intro {
    margin-left: 20px;
    overflow: hidden;
  }
}
@media screen and (min-width: 640px) {
  .alignment-left .intro {
    margin-right: 20px;
    overflow: hidden;
  }
}
.intro--image {
  height: 606px;
}
.intro--image.parallax-bg picture:first-child, .intro--image img:first-child {
  height: calc(100% + 200px) !important;
}
.intro--image-mobile {
  display: block;
}
@media screen and (min-width: 640px) {
  .intro--image-mobile {
    display: none;
  }
}
.intro--image-desktop {
  display: none;
}
@media screen and (min-width: 640px) {
  .alignment-right .intro--image-desktop {
    margin-left: max((100vw - var(--wrapper) - 20px) / 2, 0px);
    display: block;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
  }
}
@media screen and (min-width: 640px) {
  .alignment-left .intro--image-desktop {
    margin-right: max((100vw - var(--wrapper) - 20px) / 2, 0px);
    display: block;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
  }
}
.intro--content-wrapper {
  position: relative;
  margin-top: 300px;
}
@media screen and (min-width: 540px) {
  .intro--content-wrapper {
    margin-top: 180px;
  }
}
@media screen and (min-width: 640px) {
  .intro--content-wrapper {
    margin-top: 0;
    margin-bottom: 85px;
  }
}
.intro--content-block {
  background-color: var(--block-bg);
  color: #fff;
  padding: 25px;
  border-radius: 5px;
  max-width: 620px;
  z-index: 1;
  position: absolute;
  top: -270px;
  right: 20px;
  left: 20px;
}
@media screen and (min-width: 540px) {
  .intro--content-block {
    top: -150px;
  }
}
@media screen and (min-width: 640px) {
  .intro--content-block {
    top: auto;
    bottom: -85px;
  }
}
@media screen and (min-width: 640px) {
  .alignment-right .intro--content-block {
    left: auto;
  }
}
@media screen and (min-width: var(--wrapper)) {
  .alignment-right .intro--content-block {
    right: 0;
  }
}
@media screen and (min-width: 640px) {
  .alignment-left .intro--content-block {
    right: auto;
  }
}
@media screen and (min-width: var(--wrapper)) {
  .alignment-left .intro--content-block {
    left: 0;
  }
}
.intro--content-block * {
  color: #fff;
}