The idea
You can stack several @media rules, and later ones override earlier ones when both match. Three min-width queries give a box three sizes: small, medium and large.
Validated at 420px, 560px and 700px — each width should land on a different size.