body {
	color: #6a6a6a;
	font-size: 1.1em;
	line-height: 1.9em;
	text-align: center;
}

#head {
	background: url("../images/bg-header.jpg") no-repeat center center;
	background-size: cover;
	border-bottom: #c31782 3em solid;
	padding-top: 5em;
	padding-bottom: 15em;
	max-height: 315px;
}

#content {
	padding-bottom: 4em;
}

#edition {
	background: #414141;
	color: #ffffff;
	padding: 3em 0;
}

#refference {
	background: #c20b81;
	color: #ffffff;
	padding: 3em 0;
}

#meta {
	background: #008fbe;
	color: #ffffff;
	padding: 3em 0;
}

#contact {
	padding: 3em 0;
}

.nav {
	background: #303030;
	line-height: 0;
	padding: 0.6em 0;
	text-transform: uppercase;
	z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0.9;
}

	.nav li {
		display: inline-block;
		line-height: 0;
		list-style: none;
		margin: 0em 1em;
	}
	
	.nav li a {
		color: #ddd;
		display: block;
		padding: 0 1em;
		text-decoration: none;
	}
	
	.nav li a:hover {
		color: #fff;
		text-decoration: underline;
	}
	
	.nav li a:visited {
		border: none;
	}

.lijst {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

.wrap {
	margin: 0 auto;
	width: 84%;
}

H1 {
	color: #009fe3;
	font-size: 3.75em;
	font-weight: 300;
	line-height: 0.5em;
	text-transform: uppercase;
}

H2 {
	color: #009fe3;
	font-size: 2.75em;
	font-weight: 300;
	line-height: 0.5em;
	text-transform: uppercase;
}
	
H3 {
	color: #fff;
	font-size: 1.75em;
	font-weight: 300;
	line-height: 0.5em;
}

H4 {
	color: #009fe3;
	font-size: 1.3em;
	font-weight: 300;
	text-transform: uppercase;
}

H5 {
	color: #fff;
	font-size: 1.2em;
	font-weight: 300;}

	.purple {
		color: #c31782;
	}
	
	.white {
		color: #ffffff;
	}
	
	.meta {
		font-size: 0.8em;
	}
	
	.grey {
		color: #bbb;
		font-style: italic;
		text-decoration: none;
	}
	
	.grey:hover {
		color: #ccc;
		text-decoration: underline;
	}
	
/* Forms */
.input {
	background: #d0cecf;
	border: none;
	margin: 0.6em 0;
	padding: 1em;
	text-align: center;
	width: 60%;
}


.button-purple {
	background: #fff;
	border: #bf197f 1px solid;
	color: #bf197f;
	font-size: 1.2em;
	padding: 0.5em 1.3em;
	text-transform: uppercase;
	text-decoration: none;
}

.button-purple:hover {
	background: #eee;
}

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

.magazine {
	margin-top: -17em;
	position: relative;
}

.contact-p {
	margin: 4em 0 3em 0;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
	float: right;
	margin-right: 2em;
}

.message-error {
	background: #c80a0a;
	font-weight: 700;
	padding: 0.5em 0;
	color: #fff;
	text-align: center;
}

.message-succes {
	background: #63bf06;
	font-weight: 700;
	padding: 0.5em 0;
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 64em) { 
	.input {
		width: 80%;
	}
}
@media screen and (max-width: 42em) { 
	H1 {
		line-height: 1.5em;
		font-size: 2.5em;
	}
	
	H2 {
		line-height: 1.5em;
	}
	
	H3 {
		line-height: 1em;
		font-size: 1.1em;
	}
}