reorganizing for media breakpoints