body{margin:20px}
*{--rhythm: 1.5rem;}
@media only screen and (max-width: 480px) {
    *{--rhythm: 4rem;}
}
@media only screen and (max-width: 768px) {
    *{--rhythm: 3.5rem;}
}
@media only screen and (max-width: 1024px) {
    *{--rhythm: 3rem;}
}
@media only screen and (max-width: 1200px) {
    *{--rhythm: 2.5rem;}
}