.menu-container{
	padding: 4px 0px;
	text-transform: lowercase;
	letter-spacing: -1px;
	font-size: 18px;
}
.menu-container a{
	color: white;
}
.menu-container a.active{
	color: #e5c221;
	position: relative;
}
.menu-container a.active .caret{
	position: absolute;
	left: 50%;
	margin-left: -5px;
	border-top-color: #e5c221;
	top: 25px;
}

p.menu{
	display: table;
	width: 100%;
}
p.menu > span{
	display: table-cell;
	text-align: center;
}


/* Large devices (large desktops, 1200px and down) */
@media (max-width: 1199px) {
}
/* Medium devices (desktops, 992px and down) */
@media (max-width: 991px) {
}
/* Small devices (tablets, 768px and down) */
@media (max-width: 767px) {
	p.menu{
		display: block;
	}
	p.menu > span{
		display: inline-block;
		width: 33%;
		padding: 10px 0px;
	}
	.top-header .logo div{
		font-size: 35px;
	}
	.top-header .large{
		font-size: 45px;
	}
	.top-header .logo .beroep{
		font-size: 28px;
	}
	.menu-container{
		border-bottom: 1px solid #e5c221;
	}
}
/* Micro-Small devices (iphones, 480px and down) */
@media (max-width: 480px) {
	p.menu > span{
		font-size: 16px;
	}
}