.back-to-account {
  width: 100%;
  background-color: mr-blue;
}
.hero-science h1 {
  line-height: 1.1em;
}
.hero-science p {
  padding-top: 0.25em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .hero-science .v-center {
    top: 31%;
  }
  .hero-science h1 {
    padding-left: 2%;
    padding-right: 15%;
  }
  .hero-science p {
    padding-left: 2%;
    padding-right: 1%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .hero-science h1 {
    padding-left: 5%;
    padding-right: 15%;
  }
  .hero-science p {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .hero-science h1 {
    padding-left: 10%;
    padding-right: 10%;
  }
  .hero-science p {
    padding-left: 10%;
    padding-right: 15%;
  }
}
@media only screen and (min-width: 960px) {
  .hero-science h1 {
    padding-right: 26%;
  }
  .hero-science p {
    padding-right: 8%;
  }
}
.vue-science-value-prop .science-value-prop-wrap {
  padding: 2em 0;
}
.vue-science-value-prop .text-area-wrap h2 {
  padding-bottom: 0.5em;
}
.vue-science-value-prop .text-area-wrap p {
  padding-bottom: 1em;
}
.vue-science-value-prop .text-area-wrap p:last-child {
  padding-bottom: 0;
}
.vue-science-value-prop .text-area-wrap .sub-title {
  padding-bottom: 0;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .vue-science-value-prop .text-area-wrap,
  .vue-science-value-prop .image-wrap {
    padding: 0 4%;
  }
  .vue-science-value-prop .image-wrap.left {
    padding-bottom: 1em;
  }
  .vue-science-value-prop .image-wrap.right {
    padding-top: 1em;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .vue-science-value-prop .text-area-wrap,
  .vue-science-value-prop .image-wrap {
    padding: 0 12%;
  }
  .vue-science-value-prop .image-wrap.left {
    padding-bottom: 1em;
  }
  .vue-science-value-prop .image-wrap.right {
    padding-top: 1em;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .vue-science-value-prop .text-area-wrap,
  .vue-science-value-prop .image-wrap {
    padding: 0 18%;
  }
  .vue-science-value-prop .image-wrap.left {
    padding-bottom: 1em;
  }
  .vue-science-value-prop .image-wrap.right {
    padding-top: 1em;
  }
}
@media only screen and (min-width: 960px) {
  .vue-science-value-prop .left {
    padding-left: 5%;
    padding-right: 2%;
  }
  .vue-science-value-prop .right {
    padding-left: 2%;
    padding-right: 5%;
  }
}
.padded-line-differetiator .row .line {
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #999;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .value-prop-cta-science .xs-12 {
    padding: 2em 0;
  }
  .value-prop-cta-science .xs-12 p {
    padding: 0 5%;
    padding-bottom: 1.5em;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .value-prop-cta-science .xs-12 {
    padding: 2em 0;
  }
  .value-prop-cta-science .xs-12 p {
    padding: 0 20%;
    padding-bottom: 1.5em;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .value-prop-cta-science .xs-12 {
    padding: 2em 0;
  }
  .value-prop-cta-science .xs-12 p {
    padding: 0 25%;
    padding-bottom: 1.5em;
  }
}
@media only screen and (min-width: 960px) {
  .value-prop-cta-science .xs-12 {
    padding: 3.5em 0;
  }
  .value-prop-cta-science .xs-12 p {
    padding: 0 20%;
    padding-bottom: 2em;
  }
}