.topBar {
	background-color: var(--main-steunkleur);
}

.kopBar {
	color:var(--main-achtergrondkleur);
	/* font-size: 12px; */
	float:left;
	font-weight:400;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.topBar>p {
	color:white;
	font-size: 12px;
	float:right;
	margin-right: 6px;
	font-weight:400;
	display: block;
}

.topBarIcon {
	height: 60%;
	display: block;
	float: right;
	margin: 6px 6px 0 24px;
	line-height: normal;
}

@media (min-width: 0px) {
	
	h1{
		font-size: 10px;
		margin: 7px 0 0 0 !important;
	}

	.vlag {
		height: 16px;
	}

	.bar {
		height: 28px;
		padding:0 var(--main-leftpadding-s) 0 var(--main-leftpadding-s);
	}
}

@media (min-width: 992px) {
	
	h1 {
		font-size: 12px;
		margin: 8px 0 0 0 !important;
	}
	
	.vlag {
		height: 18px;
	}

	.bar {
		height: 30px;
		padding:0 var(--main-leftpadding-l) 0 var(--main-leftpadding-l);
	}
}