Reformulated header rules to better accommodate narrower viewports(i.e. on mobile)