Applying new media query mixin

might be someway to put all of this in a loop in a mixin but I'm not sure, will need to research.