.iconHomepage {
  background-image: url('../img/homepageSprite.png');
}

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .iconHomepage {
    background-image: url('../img/homepageSprite-x2.png');
    background-size: 184px 850px;
  }
}

.iconHomepage-map-person-1 {
  background-position: -2px -2px;
  width: 179px;
  height: 178px;
}

.iconHomepage-map-person-2 {
  background-position: -2px -186px;
  width: 178px;
  height: 179px;
}

.iconHomepage-save-active-white {
  background-position: -2px -370px;
  width: 57px;
  height: 36px;
}

.iconHomepage-save-active {
  background-position: -2px -411px;
  width: 57px;
  height: 36px;
}

.iconHomepage-save {
  background-position: -2px -450px;
  width: 65px;
  height: 42px;
}

.liveButton[data-section="save"] > h4 {
	margin-top: -5px; /* icon larger than others */
}

.desktop-clip .liveButton[data-section="save"] > h4 {
	margin-top: -6px; /* icon larger than others */
}

.iconHomepage-send-active-white {
  background-position: -2px -495px;
  width: 48px;
  height: 31px;
}

.iconHomepage-send-active {
  background-position: -2px -532px;
  width: 48px;
  height: 31px;
}

.iconHomepage-send {
  background-position: -2px -567px;
  width: 57px;
  height: 37px;
}

.iconHomepage-spend-active-white, .iconHomepage-manage-active-white  {
  background-position: -2px -609px;
  width: 46px;
  height: 29px;
}

.iconHomepage-spend-active, .iconHomepage-manage-active {
  background-position: -2px -642px;
  width: 46px;
  height: 29px;
}

.iconHomepage-spend, .iconHomepage-manage {
  background-position: -2px -677px;
  width: 57px;
  height: 36px;
}

.liveButton[data-section="spend"] > h4, .liveButton[data-section="manage"] > h4 {
	padding-top: 2px; /* icon smaller than others */
}

.desktop-clip .liveButton[data-section="spend"] > h4, .desktop-clip .liveButton[data-section="manage"] > h4 {
	padding-top: 0px; /* icon smaller than others */
}

.iconHomepage.mx {
  background-image: url('../img/homepageSprite-mx.png');
}

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .iconHomepage.mx {
    background-image: url('../img/homepageSprite-mx-x2.png');
    background-size: 60px 330px;
  }
}

.iconHomepage-instant-active-white {
  background-position: -10px -10px;
  width: 34px;
  height: 31px;
}

.iconHomepage-instant-active {
  background-position: -10px -50px;
  width: 43px;
  height: 31px;
}

.iconHomepage-instant {
  background-position: -10px -90px;
  width: 42px;
  height: 39px;
}

.iconHomepage-convenient-active-white {
  background-position: -10px -140px;
  width: 29px;
  height: 38px;
}

.iconHomepage-convenient-active {
  background-position: -10px -190px;
  width: 29px;
  height: 38px;
}

.iconHomepage-convenient {
  background-position: -10px -240px;
  width: 34px;
  height: 45px;
}

.liveButton[data-section="convenient"] > h4 {
	margin-top: -7px; /* icon larger than others */
}

.desktop-clip .liveButton[data-section="convenient"] > h4 {
	margin-top: -6px; /* icon larger than others */
}

.iconHomepage-x {
  background-position: -10px -300px;
  width: 20px;
  height: 20px;
  display: block;
}

.iconHomepage-receive-active-white {
  background-position: -3px -720px;
  width: 47px;
  height: 28px;
}

.iconHomepage-receive-active {
  background-position: -3px -760px;
  width: 47px;
  height: 28px;
}

.iconHomepage-receive {
  background-position: -3px -800px;
  width: 56px;
  height: 36px;
}

.liveButton[data-section="receive"] > h4, .liveButton[data-section="receive"] > h4 {
	padding-top: 3px; /* icon smaller than others */
}

.desktop-clip .liveButton[data-section="receive"] > h4, .desktop-clip .liveButton[data-section="receive"] > h4 {
	padding-top: 0px; /* icon smaller than others */
}