update to respond to media query
add modifier and element bem snippets