@media screen and (max-width: 48em) {
  .site--it .media--productExpanded .media__title,
  .site--it .media--product .media__title,
  .site--it .media--article .media__title {
    -webkit-box-orient: vertical;
  }
  .site--it .media--productExpanded.js-over .media__title,
  .site--it .media--product.js-over .media__title,
  .site--it .media--article.js-over .media__title {
    overflow: hidden;
  }
}

.modal--referral {
}

.modal--referral .headline {
  margin: 0 0 -0.5em;
  padding: 2.25rem 0 0;
  position: relative;
  z-index: 2;
}
.modal--referral img {
  vertical-align: bottom;
}
.modal--referral .content__img {
  margin: 0;
}
.modal--referral .content__boxed {
  padding: 0;
}
.modal.modal--referral .modal__close {
  color: #0d194d;
  color: #000000;
  background: none;
  border-radius: 0;
  border: 0;
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.modal--referral .h1 {
  font-style: normal;
  font-weight: 700;
  color: #000000;
}
.modal--referral .modal__body {
  background-color: #43bbb7;
  overflow: hidden;
  color: #ffffff;
  padding: 2rem 1rem;
}
.modal--referral .modal__body .h1 {
  color: #ffffff;
}
.modal--referral .button {
  padding: 1em 2em;
  border-radius: 2em;
  margin: 1em 0 0;
}
.modal--referral .text {
  margin-top: 1em;
}
.modal--referral p {
  margin: 0;
}