body {
	background-color: #ddd;
	font-family:"Trebuchet MS";
}
h2{
	text-align	:center;
	font-size	:2vw;
	font-weight	:bold;
	color		:white;
	width		:100%;
	margin-top	:1%;
	padding-top: 2%;
}
h3{
	text-align	:center;
	font-size	:1.2vw;
	font-weight	:bold;
	color		:white;
	width		:100%;
	margin		: 1% 0% 2% 0%;
}
p{
	text-align	:center;
	font-size	:1vw;
	font-weight	:bold;
	color		:white;
}
a{
	text-decoration: none;
}
article{
	text-align: center;
	background-color: steelblue;
	width: 60vw;
	/*height: 70vh;*/
	margin-top:3%;
	margin-bottom: 0%;
	margin-left: auto;
	margin-right: auto;
}
section{
	width: 40%;
	display: inline-block;
	margin: 3%;
}
img{
	width: 100%;
}
#solliciteer{
	width:	30%;
	margin: 1% 35% 1% 35%;
	text-align	:center;
	font-size	:1.3vw;
	font-weight	:bold;
	background-color: steelblue;
	color:		white;
	padding:	2% 0% 2% 0%;
	border-radius: 6px;
}


@media screen and (max-width:500px) {
	#vacatures {
		position: absolute;
		top:12vh;
		width: 80%;
		height:80vh;
		margin:0%;
		margin-right: 10%;
		margin-left: 10%;
		background-color: #ddd;
	}
	h2{
		font-size:120%;
		color:steelblue;
		padding-top:0%;
	}
	h3{
		font-size:100%;
		color:steelblue;
	}
	p{
		font-size:100%;
		color:steelblue;
	}
	section{
		margin-top:5vh;
		width:80%;
	}
	#solliciteer{
		margin:0%;
		margin-top:10%;
		font-size:100%;
		border:solid 1px black;
		width:80%;

	}
	section:hover{
		background-color:white;
		border:solid white 2px;
	}
}