updated media query variables to use px for more consistent performance