@media only screen and (max-width: 319px) {
    .special-offer-text-size {
        font-size: 17px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
    .special-offer-text-size {
        font-size: 20px;
    }
}

@media only screen and (min-width: 374px) and (max-width: 424px) {
    .special-offer-text-size {
        font-size: 24px;
    }
}

@media only screen and (min-width: 425px) {
    .special-offer-text-size {
        font-size: 28px;
    }
}