.lp-background{
  background-color: #e4e4e4;
}
.lp-foreground {
    background-image: url(../../images/page-specific/cup-desktop.webp);
    background-size: 96%;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
@media only screen and (max-width: 1590px) {
  .lp-foreground {
      background-position: 100% 100%;
      background-size: 1430px;
  }
}
@media only screen and (max-width: 1200px) {
  .lp-foreground {
      background-position: 50% 100%;
      background-size: 1430px;
  }
}
@media only screen and (max-width: 1090px) {
  .lp-foreground {
      background-size: 1280px;
  }
}
@media only screen and (max-width: 1024px) {
  .lp-foreground {
      background-size: 140%;
  }
}

@media screen and (max-width: 480px) {
    .lp-foreground {
          background-image: url(../../images/page-specific/cup-mobile.webp);
        background-size: 100%;
        background-position: 100% 100%;
    }

    .lp-background {
        background-image: none;
    }

    .lp-offer-btn-holder {
        margin: 19px 0 360px 0px;
    }

}

@media screen and (max-width: 440px) {
  .lp-offer-btn-holder {
      margin: 19px 0 390px 0px;
  }
}

@media screen and (max-width: 415px) {

    .lp-offer-btn-holder {
        margin: 19px 0 370px 0px;
    }


}
@media screen and (max-width: 402px) {
  .lp-offer-btn-holder {
      margin: 19px 0 350px 0px;
  }
}
@media screen and (max-width: 393px) {
  .lp-offer-btn-holder {
      margin: 19px 0 340px 0px;
  }
}

@media screen and (max-width: 375px) {
  .lp-offer-btn-holder {
      margin: 19px 0 330px 0px;
  }
}

@media screen and (max-width: 360px) {
  .lp-offer-btn-holder {
      margin: 19px 0 310px 0px;
  }
}

@media screen and (max-width: 344px) {
  .lp-offer-btn-holder {
      margin: 19px 0 300px 0px;
  }
}

@media screen and (max-width: 320px) {
  .lp-offer-btn-holder {
      margin: 19px 0 280px 0px;
  }

}