.back-to-account {
  width: 100%;
  background-color: mr-blue;
}
.cooperative-referee-hero .top .inner-wrap {
  padding: 4em 6%;
  padding-right: 25%;
}
.cooperative-referee-hero .bottom .inner-wrap {
  padding: 1.5em 0%;
}
.cooperative-referee-hero .collective-text {
  padding-top: 0.5em;
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .cooperative-referee-hero .top .inner-wrap {
    padding: 5em 6%;
    padding-right: 33%;
  }
  .cooperative-referee-hero .bottom .inner-wrap {
    padding: 1.5em 20%;
  }
}
@media only screen and (min-width: 960px) {
  .cooperative-referee-hero .top .inner-wrap {
    padding: 6em 7%;
    padding-right: 36%;
  }
  .cooperative-referee-hero .bottom .inner-wrap {
    padding: 1.5em 28%;
  }
}
.cooperative-referee-ctas .inner-wrap {
  padding: 3em 5%;
}
.cooperative-referee-ctas .title-text {
  padding-bottom: 0.5em;
}
.cooperative-referee-ctas .color-quiz-wrap,
.cooperative-referee-ctas .shade-chart-wrap {
  padding: 1em 0;
}
.cooperative-referee-ctas .color-quiz-wrap .cta-wrap,
.cooperative-referee-ctas .shade-chart-wrap .cta-wrap {
  padding: 1.5em 0;
}
.cooperative-referee-ctas .color-quiz-wrap .cta-wrap .cta-text,
.cooperative-referee-ctas .shade-chart-wrap .cta-wrap .cta-text {
  padding: 0.5em 0;
}
.cooperative-referee-ctas .color-quiz-wrap .color-quiz-image {
  position: absolute;
  top: 0.25em;
  left: -1em;
  width: 128%;
}
.cooperative-referee-ctas .color-quiz-wrap .cta-wrap {
  padding-left: 1.5em;
  padding-right: 0.5em;
}
.cooperative-referee-ctas .shade-chart-wrap .shade-chart-image {
  position: absolute;
  top: -1em;
  right: 1em;
  width: 80%;
}
.cooperative-referee-ctas .shade-chart-wrap .cta-wrap {
  padding-left: 1.5em;
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .cooperative-referee-ctas .color-quiz-wrap,
  .cooperative-referee-ctas .shade-chart-wrap {
    padding: 1.5em 5%;
  }
  .cooperative-referee-ctas .color-quiz-wrap .cta-wrap,
  .cooperative-referee-ctas .shade-chart-wrap .cta-wrap {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
  .cooperative-referee-ctas .color-quiz-wrap .color-quiz-image {
    top: -2em;
    left: -1.5em;
    width: 110%;
  }
  .cooperative-referee-ctas .shade-chart-wrap .shade-chart-image {
    top: -3em;
    right: 3em;
    width: 65%;
  }
  .cooperative-referee-ctas .shade-chart-wrap .cta-wrap {
    padding-left: 2em;
    padding-right: 1em;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .cooperative-referee-ctas .color-quiz-wrap,
  .cooperative-referee-ctas .shade-chart-wrap {
    padding: 1.5em 12%;
  }
  .cooperative-referee-ctas .color-quiz-wrap .cta-wrap,
  .cooperative-referee-ctas .shade-chart-wrap .cta-wrap {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
  .cooperative-referee-ctas .color-quiz-wrap .color-quiz-image {
    top: -2em;
    left: -1.5em;
    width: 110%;
  }
  .cooperative-referee-ctas .shade-chart-wrap .shade-chart-image {
    top: -3em;
    right: 3em;
    width: 65%;
  }
  .cooperative-referee-ctas .shade-chart-wrap .cta-wrap {
    padding-left: 2em;
    padding-right: 1em;
  }
}
@media only screen and (min-width: 960px) {
  .cooperative-referee-ctas .color-quiz-wrap,
  .cooperative-referee-ctas .shade-chart-wrap {
    padding: 1.5em 20%;
  }
  .cooperative-referee-ctas .color-quiz-wrap .cta-wrap,
  .cooperative-referee-ctas .shade-chart-wrap .cta-wrap {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
  .cooperative-referee-ctas .color-quiz-wrap .color-quiz-image {
    top: -2em;
    left: -1.5em;
    width: 110%;
  }
  .cooperative-referee-ctas .shade-chart-wrap .shade-chart-image {
    top: -3em;
    right: 3em;
    width: 65%;
  }
  .cooperative-referee-ctas .shade-chart-wrap .cta-wrap {
    padding-left: 2em;
    padding-right: 1em;
  }
}
.referral-error-modal .icon-x {
  position: absolute;
}
.referral-error-modal .custom-line-height {
  line-height: 180%;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .icon-x {
    top: 15px;
    right: 15px;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .icon-x {
    top: 15px;
    right: 15px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .icon-x {
    top: 15px;
    right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .icon-x {
    top: 15px;
    right: 15px;
  }
}