I think we are using em for this (see Ant comments at the start of the media querys) ... so this should be 
@media screen and (min-width: 20em) and (max-width: 30em) {

AFAIK