@font-face {
    font-family: 'Fox on the Run';
    src: url('fonts/FoxontheRunBold.woff2') format('woff2'), url('fonts/FoxontheRunBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fox on the Run';
    src: url('fonts/FoxontheRun.woff2') format('woff2'), url('fonts/FoxontheRun.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    background-image: url('images/bg-fox.webp');
    background-position: center center;
    background-repeat: repeat;
    background-attachment: fixed;
    font-family: "Fox on the Run", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 28px;
    line-height: 1.5em;
    color: #111;
    margin: 0;
}

/* Logo bovenaan */
.logo {
    width: 45%;
    max-width: 380px;
    min-width: 160px;
    margin: 40px auto 20px auto;
    text-align: center;
}

.logo img {
    max-width: 100%;
    height: auto;
}

/* Tablet */
@media ( max-width: 1024px ) {
	.logo {
		width: 55%;
		margin: 30px auto 15px auto;
	}
}

/* Smartphone */
@media ( max-width: 600px ) {
	.logo {
		width: 80%;
		margin: 20px auto 10px auto;
	}
}

/* Contentblok */
.content {
    width: 80%;
    max-width: 800px;
    margin: 0 auto 60px auto;
    text-align: center;
}

/* Red text */
.red { color: red; }

/* Green text */
.green { color: green; }

/* Table */
.table { 
	display: table; 
	margin: 0 auto; 
	width: auto;
}

/* Table Row */
.row { display: table-row; }

/* Table Cell */
.cell { display: table-cell; }

/* in table (colspan) */
.intable { 
	display: table; 	
	margin: 0 auto; 
	width: auto;
}

/* Quarter Width Table Cell */
.tcell {     
	display: table-cell;
    width: 33.33%;
    margin: 0 auto; 
    text-align: center;
}

/* Quarter Width Table Cell */
.qcell {     
	display: table-cell;
    width: 25%;
    margin: 0 auto; 
}

/* Quarter Width Table Cell */
.hcell {     
	display: table-cell;
    width: 50%;
    margin: 0 auto; 
}

/* Quarter Width Table Cell */
.fcell {
    display: table-cell;
    width: 100%;
    margin: 0 auto;
}

/* Paragrafen */
p { margin-bottom: 1.2em; }

/* Image */
img {
    overflow-clip-margin: content-box;
    overflow: clip;
    width: 100%;
}