:root{
    --azul: #002bb7;
    --blanco: #fff;
    --naranja: #ff4f1e;
}
html{
    font-size: 62.5%;
    box-sizing: border-box;
}
*, *:before, *:after{
    box-sizing: inherit;
}
.oferta{
    background-color: var(--azul);
    width: 600px;
    text-align: center;
    color: var(--blanco);
    margin: 0 auto;
    padding: 10px;
}
.precio{
    font-size: 45px;
    padding: 0;
}
/*@media only scree (max-width: 600px)*/
@media only screen and (min-width: 780px){
    .oferta{
        background-color: var(--naranja);
    }
}
@media only screen and (min-width:1200px){
    .oferta{
        background-color: #58b700;
    }
}