.menubar {
    background-color: var(--Achtergrond);

	position: fixed;
	top: 0px;
	height: 100px;
	width: 100%;
	z-index: 10;
    margin-top: -100px;
}

.work-menubar {
    background-color: var(--Achtergrond);

	position: fixed;
	top: 0px;
	height: 100px;
	width: 100%;
	z-index: 10;
}

.work-menubar .logo,
.menubar .logo {
    color: var(--Font255);
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 40px;
}

.work-menubar .logo-line,
.menubar .logo-line {
    position: absolute;
	top: 50px;
	left: 290px;
	width: 100%;
}

.work-menubar .mainmenu,
.menubar .mainmenu {
	/*Positie tekst menu*/
	padding: 0;
	position: absolute;
	right: 0px;
	top: 20px;
    margin-right: 40px;

	text-transform: uppercase;
}
@media all and (max-width: 700px) {
	.work-menubar .mainmenu,
	.menubar .mainmenu {
		top: 50px;
	}
}
@media all and (max-width: 380px) {
	.work-menubar .mainmenu,
	.menubar .mainmenu {
		top: 50px;
		margin-left: auto;
		margin-right: auto;
	}
}

.work-menubar .mainmenu > li,
.menubar .mainmenu > li {
    cursor: pointer;
	display: inline-block;
	padding: 0px 10px;
}

.work-menubar .mainmenu > li > a,
.menubar .mainmenu > li > a {
    color: var(--Font255);

	font-size: 15px;
	-webkit-transition: color 400ms ease;
	-moz-transition: color 400ms ease;
	-o-transition: color 400ms ease;
	-ms-transition: color 400ms ease;
	transition: color 400ms ease;
}
.work-menubar .mainmenu > li:hover > a,
.menubar .mainmenu > li:hover > a {
    color: var(--FontHover);
}

.work-menubar .mainmenu > li.active > a, 
.menubar .mainmenu > li.active > a {
    font-family: apexsans-light;
	font-weight: bold;
	color: var(--FontSelected);
}