/**
 * 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: 1440px) {
  .section__contact .foreground {
    padding-top: 120px;
  }
}

.section__contact .background__image {
  display: none;
  width: 100%;
  background-size: cover;
}

@media only screen and (min-width: 992px) {
  .section__contact .background__image {
    display: block;
  }
}

.section__contact .mobile-image {
  position: absolute;
  bottom: 0;
}

@media only screen and (min-width: 992px) {
  .section__contact .mobile-image {
    display: none;
  }
}

.section__contact .contact-form {
  padding-right: 0;
}

.section__contact .contact-description {
  margin-top: 40px;
}

@media only screen and (min-width: 992px) {
  .section__contact .contact-description {
    margin-top: 0;
    padding-left: 30px;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .section__contact .contact-description {
    margin-top: 0;
    padding-left: 120px;
  }
}

/*# sourceMappingURL=section-contact.css.map*/