html { height: 100%; }
body {
    min-height:100%;
    position:relative;
    padding-bottom:50px
}

.bottomright {
    background-image: url("/popup.jpg");
    bottom: 0px;
    display: none;
    height: 355px;
    margin: 0 4px 4px 0;
    position: fixed;
    right: 0px;
    width: 340px;
    max-width: 27%;
    z-index: 10;
}
#buttons{
    margin: 269px 15px;
    height: 50px;
    color: #f0ffff;
    font-size: 22px;
    cursor: pointer;
}
#buttons #yesplease {
    width: 146px;
    margin: auto;
    float: left;
    text-align: center;
    padding: 10px 0px;
    background-color: green;

}
#buttons #nothanks{
    margin: auto;
    text-align: center;
    padding: 10px 0px;
    background-color: #BBBBBB;
}
@media only screen and (max-device-width: 480px) {
    font#R	{
        font-size: 20px !important;
    }
}
#bottomright #close {
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer; /* Add a pointer on hover */
}