.back-to-account {
  width: 100%;
  background-color: mr-blue;
}
.basic-title .the-title {
  padding: 2em 5%;
  padding-bottom: 0.5em;
}
@media only screen and (max-width: 959px) {
  .basic-title .the-title {
    padding-bottom: 0;
  }
}
.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;
}
.basic-title-text .the-title {
  padding-top: 2em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .basic-title-text .the-text {
    padding: 0.5em 2%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .basic-title-text .the-text {
    padding: 0.5em 10%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .basic-title-text .the-text {
    padding: 0.5em 16%;
  }
}
@media only screen and (min-width: 960px) {
  .basic-title-text .the-text {
    padding: 0.5em 15%;
    padding-bottom: 2em;
  }
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .basic-value-prop p {
    padding: 2.5em 2%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .basic-value-prop p {
    padding: 2.5em 12%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .basic-value-prop p {
    padding: 2.5em 18%;
  }
}
@media only screen and (min-width: 960px) {
  .basic-value-prop p {
    padding: 2.5em 22%;
  }
}
