.back-to-account {
  width: 100%;
  background-color: mr-blue;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .referring-has-benefits .padding-up-top {
    padding-top: 55%;
  }
  .referring-has-benefits .custom-header {
    padding-left: 10%;
    padding-right: 10%;
  }
  .referring-has-benefits .custom-paragraph {
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 2%;
  }
  .referring-has-benefits .custom-paragraph p {
    line-height: 180%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .referring-has-benefits .padding-up-top {
    padding-top: 55%;
  }
  .referring-has-benefits .custom-header {
    padding-left: 0;
    padding-right: 0;
  }
  .referring-has-benefits .custom-paragraph {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 2%;
  }
  .referring-has-benefits .custom-paragraph p {
    line-height: 180%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .referring-has-benefits .padding-up-top {
    padding-top: 60%;
  }
  .referring-has-benefits .custom-header {
    padding-left: 0;
    padding-right: 0;
  }
  .referring-has-benefits .custom-paragraph {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 2%;
  }
  .referring-has-benefits .custom-paragraph p {
    line-height: 180%;
  }
}
@media only screen and (min-width: 960px) {
  .referring-has-benefits .padding-up-top {
    padding-top: 27%;
  }
  .referring-has-benefits .custom-header {
    padding-left: 0;
    padding-right: 0;
  }
  .referring-has-benefits .custom-paragraph {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 1%;
  }
  .referring-has-benefits .custom-paragraph p {
    line-height: 180%;
  }
}