/* Menubar styling. */

.menubar {
	flex: 2;
	width: 90%;
	display: flex;
	margin: auto;
	margin-top: 12px;
}

.menubar-link {
	flex: 1;
	text-decoration: none;
	color: rgb(50, 50, 50);
	font-size: 20px;
	background-color: lightgray;
	font-family: copperplate;
	text-align: center;
	text-transform: uppercase;
	padding: 20px;
	border: 1px solid rgb(50, 50, 50);
	border-left: none;
}

.menubar-link:first-child {
	border-left: 1px solid rgb(50, 50, 50);
}

.menubar-link:hover {
	background-color: gray;
	color: gold;
}

.menubar-link.active {
	border-right: 1px solid black;
	background-color: gray;
	color: gold;
}

.menubar-fill {
	flex: 10;
	background-color: gray;
}

@media only screen and (max-width: 1000px) {
	.menubar-hide-when-small {
		display: none;
	}
	.menubar {
		width: 100%;
	}
	.menubar-link {
		border-right: none;
	}
}