[wip] Responsive dependent layouts

Door middel van media queries pas ik de layouts van verschillende resoluties aan.
De volgorde van de imports is belangrijk. Met CSS "overschrijf" je namelijk dat wat er daarvoor is gedefinieerd. Als volgorde zou ik voorstellen:

1. variables
2. typography
3. max
4. mod-intro