ok so here's my BEM methodology.

`page` elements mean "at the page level". basically, "this should apply to a primary element on the page". `page__nav` basically means `main__nav`. 

the `--layout` modifier is kind of cheap. basically i use it to do all grid-related stuff, so modules are designed to use usable at any size, then the `--layout` modifier actually places it. Get what I'm thinking?