.cssbutton {
    background-color: green;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5%;
}

.Offerdiv {
    background-position: right bottom; /* Set positioning */
    background-repeat: no-repeat; /* Disable multiple background images  showing */
    background-image: url('../images/images/offer2.png');
    background-size: contain;
    box-shadow: 0px 5px 5px;
    background-size: 12rem;
}

/*Media Change*/
@media only screen and (max-width:1100px) {
    .Offerdiv {
        background-size: 10rem;
    }
}

@media only screen and (max-width:1000px) {
    .Offerdiv {
        background-size: 10rem;
    }
}

@media only screen and (max-width:900px) {
    .Offerdiv {
        background-size: 9rem;
    }
}

@media only screen and (max-width:800px) {
    .Offerdiv {
        background-size: 6rem;
    }
}

@media only screen and (max-width:700px) {
    .Offerdiv {
        background-size: 6rem;
    }
}

@media only screen and (max-width:600px) {
    .Offerdiv {
        background-size: 6rem;
    }
}

@media only screen and (max-width:550px) {
    .Offerdiv {
        background-size: 6rem;
    }
}

@media only screen and (max-width:450px) {
    .Offerdiv {
        background-size: 6rem;
    }
}

@media only screen and (max-width:400px) {
    .Offerdiv {
        background-size: 6rem;
    }
}