.navbar {
	background-color: white;
	width: 100%;
	margin: 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	transition: background-color 0.3s;
}

.navbarlangmenu {
	float: right;
}

.navbar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
}

/* we use this instead of li, that way we can change format for tiny devices */
.navbar div {
	display: list-item;
	margin: 0 10px;
}

.navbar a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.navbar img {
	height: 14px;
	vertical-align: middle;
	margin: 2px;
}

/* our language menu needs a bit of spacing to right not to look akward */
#small-lang-menu {
	margin: 0px 20px 0px 0px;
}