@media screen and (max-width: 449px)
{
  .bp_banner
  {
    width: 320px;
    height: 284px;
    margin-left: auto; 
    margin-right: auto; 
    background-image: url('../../images/landing-page/bp_product_xs.jpg');
    background-repeat: no-repeat;
  }

  .button_container
  {
      width: 320px;
      height: 40px;
      position: relative;
      left: 0px;
      top: 244px;
  }  
  
  #sale_timer
  {
    color: #ffed69;
    position: relative;
    left: 0px;
    top: 180px;
    font-size: 15px;
  }    
}

@media screen and (min-width: 450px)
{
  .bp_banner
  {
    width: 450px;
    height: 400px;
    margin-left: auto; 
    margin-right: auto; 
    background-image: url('../../images/landing-page/bp_product_s.jpg');
    background-repeat: no-repeat;
  }

  .button_container
  {
      width: 376px;
      height: 40px;
      position: relative;
      left: 37px;
      top: 323px;
  }  
  
  #sale_timer
  {
    color: #ffed69;
    position: relative;
    left: 37px;
    top: 258px;
    font-size: 15px;
  }  
}

@media screen and (min-width: 1024px)
{
  .bp_banner
  {
    width: 930px;
    height: 400px;
    margin-left: auto; 
    margin-right: auto; 
    background-image: url('../../images/landing-page/bp_product930.jpg');
    background-repeat: no-repeat;
  }

  .button_container
  {
      width: 340px;
      height: 40px;
      position: relative;
      left: 527px;
      top: 280px;
  }
  
  #sale_timer
  {
    color: #ffed69;
    position: relative;
    left: 504px;
    top: 285px;
    font-size: 18px;
  }
}

.buy_on_steam
{
    width: 150px;
    height: 40px;
    float: left;
    background: url('../../images/landing-page/BuyOnSteam.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.learn_more
{
    width: 150px;
    height: 40px;
    float: right;
    background: url('../../images/landing-page/LearnMore.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.buy_on_steam:hover
{
    background: url('../../images/landing-page/BuyOnSteam_Highlight.png');
}

.learn_more:hover
{
    background: url('../../images/landing-page/LearnMore_Highlight.png');
}

.img_loader
{
    width: 0px;
    height: 0px;
    position: absolute;
    left: -500px;
}