.back-to-account {
  width: 100%;
  background-color: mr-blue;
}
.affiliates.container .affiliatesTop {
  padding-top: 40px;
  padding-bottom: 40px;
}
.affiliates.container .affiliateTitle {
  font-weight: normal;
}
.affiliates.container .affiliatesParagraph {
  width: 100%;
  margin: auto;
  line-height: 25px;
}
.affiliates.container .benefitsPanel {
  padding: 15px 0px 60px 40px;
}
.affiliates.container ul {
  padding-left: 15px;
  list-style-type: disc;
}
.affiliates.container li {
  margin-bottom: 20px;
}
.affiliates.container a {
  padding-left: 30px;
  padding-right: 30px;
}
.affiliates.container .getStartedBtn {
  padding-top: 10px;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .affiliates.container .affiliatesTop {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .affiliates.container .affiliatesParagraph {
    width: 86.5%;
  }
  .affiliates.container .benefitsPanel {
    padding: 30px;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .affiliates.container .affiliatesParagraph {
    width: 90%;
  }
  .affiliates.container .image {
    margin-left: 40px;
    margin-right: 40px;
  }
  .affiliates.container .benefitsPanel {
    padding: 40px 0px 60px 60px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .affiliates.container .affiliatesParagraph {
    width: 85%;
  }
  .affiliates.container .image {
    margin-left: 40px;
    margin-right: 40px;
  }
  .affiliates.container .benefitsPanel {
    padding: 40px 0px 60px 60px;
  }
}
@media only screen and (min-width: 960px) {
  .affiliates.container .affiliatesTop {
    padding-bottom: 60px;
  }
  .affiliates.container .benefitsPanel {
    padding-bottom: 100px;
  }
  .affiliates.container .image {
    max-width: 500px;
    margin-left: auto;
  }
}