/**
 * Add an arrow element
 *
 * Accepts:
 * - $direction: {String} Positioning method for element
 * - $size: {String}
 * - $stroke: {String}
 *
 * Usage:
 * .selector {
 *   @include visually-shown(relative);
 * }
 */
@media only screen and (min-width: 820px) {
  .section-intro {
    display: flex;
    margin-bottom: 9vw;
    margin-top: 3.4vw;
  }
}
@media only screen and (max-width: 819px) {
  .section-intro {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1600px) {
  .section-intro:not(.section-intro-invert) .intro-content {
    padding-top: 13%;
  }
}
.section-intro-invert {
  flex-direction: row-reverse;
}
.section-intro-invert .intro-images {
  width: 53%;
}
.section-intro-invert .intro-content {
  width: 47%;
  padding-right: 0;
}
@media only screen and (min-width: 1600px) {
  .section-intro-invert .intro-content {
    margin-top: -6%;
  }
}
.section-intro p {
  margin-bottom: 1.3em;
}
@media only screen and (min-width: 992px) {
  .section-intro h2 {
    padding-right: 7%;
  }
}

.intro-content {
  width: 53%;
  padding-right: 8.2%;
}
@media only screen and (min-width: 992px) {
  .intro-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
@media only screen and (max-width: 819px) {
  .intro-content {
    width: 100% !important;
    padding-right: 0 !important;
  }
  .intro-content .intro-button {
    text-align: center;
  }
}
.intro-images {
  width: 47%;
}
@media only screen and (max-width: 819px) {
  .intro-images {
    display: none;
  }
}
.intro-images img {
  height: auto;
  max-width: 80%;
}
@media only screen and (min-width: 992px) {
  .home .intro-images img {
    max-width: 73%;
  }
}
@media only screen and (min-width: 1920px) {
  .home .intro-images img {
    max-width: 77%;
  }
}
.intro-mosaic {
  display: flex;
  padding-top: 16%;
}
@media only screen and (min-width: 992px) and (max-width: 1439px) {
  .intro-mosaic {
    transform: translateX(-10%);
  }
}
.intro-mosaic img {
  border: 12px solid #FFFDED;
  box-shadow: 0 3px 15px rgba(19, 125, 119, 0.1725490196);
  max-width: unset;
  margin-bottom: 14px;
  margin-right: 14px;
}
.intro-mosaic-column:first-child {
  text-align: right;
}
.intro-mosaic-column:last-child {
  transform: translateY(-11%);
}
.intro-mosaic-column:last-child img:last-child {
  max-width: 125%;
  width: 100%;
}
.intro-mobile-image-wrapper {
  padding-bottom: 7%;
  text-align: center;
}
@media only screen and (min-width: 820px) {
  .intro-mobile-image-wrapper {
    display: none;
  }
}
.intro-mobile-image-wrapper img {
  max-width: 79%;
  height: auto;
}
.home .intro-mobile-image-wrapper img {
  max-width: 85%;
  margin: 20px 0;
}
@media only screen and (min-width: 480px) {
  .home .intro-mobile-image-wrapper img {
    max-width: 370px;
  }
}
@media only screen and (min-width: 1024px) {
  .home .intro-mobile-image-wrapper img {
    max-width: 100%;
  }
}
.intro-mobile-image-frame img {
  border: 12px solid #FFFDED;
  box-shadow: 0 3px 15px rgba(19, 125, 119, 0.1725490196);
}
/*# sourceMappingURL=intro-section.css.map*/