@media (min-width: 320px) and (max-width: 480px) {
    body {
        background-color: lightblue;
    }    
}

@media (min-width: 481px) and (max-width: 760px) {
    body {
        background-color: lightgreen;
    }
}

@media (min-width: 761px) and (max-width: 960px) {
    body {
        background-color: lightyellow;
    }
}

@media (min-width: 961px) and (max-width: 1200px) {
    body {
        background-color: lightcoral;
    }
}