/////////////////////////////////////////////////
// FLEX - GENERAL
/////////////////////////////////////////////////

6/11/19
@MEDIA
when employing our smallest @media breakpoint, we can't go impose "display: block" on either the host or the slot - reason
is b/c if vertically positioning elements w/in, for example, 100vh, we still need flex capabilities - additionally, can't
impose "width: 100%" either as it will stretch background effects on icons (ie: rounded corner circle background) - since
we are implementing our flex-sizing rules w/in a media breakpoint, we should be ok - truth of the matter is, we need to
heavily consider what we are doing w/ breakpoints & how it relates to our device preview

can't even put @media query around the rules b/c the sizing rules may have chosen to, ie: expand a button to fill the space -
if remove all flex rules, not even that will apply which, of course, produces a completely undesirable result