[wip] Responsive dependent layouts

Door middel van media queries pas ik de layouts van verschillende resoluties aan.
Er is een convention over het gebruik van underscores "_" in id's, in tegenstelling tot de hier gebruikte dashes/streepjes "-". Ik neig ernaar om te stellen:

1. In id's woorden scheiden met underscores `"profile_picture"`
2. In classes woorden scheiden met underscores `"mod-intro"`

Kunnen we het een keer met Jankees over hebben.