moved my media queries to the top of markups for function