added % values to media query