/* CSS 
 * @name:Satire Stad
 * @description: webstijlen 2020
 *
 */

/* Algemeen */

html,body
{
    margin: 0;
    padding: 0;
    height: 100%;
}

body
{
    background-color: var(--kleurgeel);
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 12pt;
	color: var(--kleurzwart);
	text-align: left;
    line-height: 1.5;
}

/* Automatische lege regel boven <p> element uitschakelen */
p
{
	margin-top: 0;
    /*margin-top: 10;*/
}

h1 {
    margin: 0;
}

/* Kleuren */
:root {
    --kleurgeel: #f8fbef;
    --kleurgroen: #73ad21;
    --kleurwit: #ffffff;
    --kleurzwart: #222120;
}

/* RESPONSIVE */

/* Maak totale width en height van elementen inclusief padding en border */
* {
    box-sizing: border-box;
}

/* Voor mobiele telefoons: */
@media only screen and (max-width: 440px) {
    .mid-m {
        margin: 11px auto;
        width: 90%;
		border: 2px solid var(--kleurgroen);
		padding: 11px;
    }
}


/* Voor tablets: */
@media only screen and (min-width: 440px) {
    .mid-t {
        margin: 20px auto;
        width: 80%;
		border: 2px solid var(--kleurgroen);
		padding: 20px;
    }
}


/* Voor desktops: */
@media only screen and (min-width: 976px) {
    .mid-d {
        margin: 27px auto;
        width: 976px;
		border: 2px solid var(--kleurgroen);
		padding: 27px;
    }
}