body {
	background-color: #dacf87;
	font-size: 1.2rem;
	color: blue;
}

nav {
	&.primary-navigation {
		margin: 0 auto;
		display: block;
		text-align: center;
		font-size: 16px;

		ul li {
			list-style: none;
			margin: 0 auto;
			border-left: 2px solid darkblue;
			display: inline-block;
			padding: 0 30px;
			position: relative;
			text-decoration: none;
			text-align: center;
			font-family: arvo;
			font-weight: bold;
		}

		li a {
			color: blue;
		}

		li a:hover {
			color: black;
		}

		li:hover {
			cursor: pointer;
		}

		ul li ul {
			visibility: hidden;
			opacity: 0;
			position: absolute;
			padding-left: 0;
			left: 0;
			display: none;
			background-color: #b8b8b8;
		}

	   ul li:hover > ul, ul li ul:hover {
			visibility: visible;
			opacity: 1;
			display: block;
			min-width: 250px;
			text-align: left;
			padding-top: 20px;
			box-shadow: 0px 3px 5px -1px #ccc;
		}

		ul li ul li {
			clear: both;
			width: 100%;
			text-align: left;
			margin-bottom: 20px;
			border-style: none;
		}

		ul li ul li a:hover {
			padding-left: 10px;
			border-left: 3px solid black;
			transition: all 0.3s ease;
		}
	}
}


a {
	text-decoration: none;
}

ul li ul li a {
	transition: all 0.5s ease;
}




header {
	background-image: url('ephemeral_b.jpg');
	background-repeat: repeat-x;
	overflow: hidden;
    display: grid;
    grid-template-columns: 18% 48% 8% 20%;
	grid-column-gap: 2%;
}
header >  img {
}

header > a.taalkeuze  {

}

header > div> a.taalkeuze {
text-align: center;
display: block;
width: 100%;
height: 25%;
 font-size: 120%;
 color: white;
    background-color: black;
margin-top: 100%;
}


img#logo {
	width: 100%;
	height:auto;
}

img#ivv {
	width: 100%;
	height: auto;
}

img#ivv:hover {
	opacity: 0.4;
}

article {
	background-color: #fff;
}

article > * {
	margin: 1%;
}

footer {
	text-align: center;
}

a.linken {
	background-color: #2273b4;
	text-decoration: none;
	color: white;
	text-align: center;
	padding: 0 5px 0 5px;
}

a.linken:hover {
	background-color: white;
	color: #2273b4;
	border: 1px solid #2273b4;
}


address > * {
	margin: 5px;
}

#menu-toggle {
	display: none;
}

@media screen and (min-width: 1024px) {
	header,
	nav,
	article,
	footer {
		width: 1024px;
		margin: 1% auto;
		border: 2px solid black;
	}
}

@media screen and (max-width: 1023px) {
	header,
	nav,
	article,
	footer {
		border: none;
	}
}