* {
	box-sizing: border-box;
}

.verwijzingen {
	background-color: rgb(0, 135, 135);
	width: 100%;
	height: 100%;
	margin-top: 2%;
	margin-left: 2%;
}

.kop {
	float: left;
	width: 100%;
	font-size: 1.5em;
	text-align: center;
	font-weight: 700;
	color: rgb(255, 201, 147);
	padding: 6px;
}

.left a:link {
	float: left;
	width: 100%;
	font-size: 1.5em;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	color: rgb(6, 6, 106);
	padding: 10px;
	border: 1px solid rgb(244, 223, 202);
	margin-top: 8px;
	background-color: rgb(255, 201, 147);
}

.left a:hover {
	border-color: rgb(255, 153, 51);
}

.right {
	float: left;
	width: 100%;
	font-size: 1.5em;
	margin: 0px 8px 2px 0px;
	padding: 8px;
	color: rgb(6, 6, 106);
	;
}

@media only screen and (min-width: 800px) {
	.verwijzingen {
		margin-top: 0;
	}

	.kop {
		width: 300px;
		font-size: 1.5em;
	}

	.left {
		width: 300px;
		font-size: 1em;
		margin-top: 0;
	}

	.right {
		width: 42%;
		font-size: 1em;
		margin-bottom: 24px;
	}
}

@media only screen and (min-width: 1020px) {
	.right {
		width: 61%;
	}
}

@media only screen and (min-width: 1200px) {
	.right {
		width: 50%;
	}
}

@media only screen and (min-width: 1400px) {
	.right {
		width: 67%;
	}
}