allow for better breakpoint definition

allow for breakpoint definition by setting media, min-width and max-width instead of full media query as mq