.header-navigation {
    background:var(--monoBack);
}

.header-navigation-menu {
	background:var(--baseColour);
}
.header-navigation-menu ul {
	list-style-type:none;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	white-space:nowrap;
	overflow-x:auto;
}
.header-navigation-menu ul li a {
	text-decoration:none;
	background:var(--baseColour);
	color:var(--baseColourInvert);
	font-weight:500;
	font-family:var(--font02);
	font-size:1.2em;
	padding:0.25em 1em 0.25em 1em;
	transition:all 0.5s;
	display:inline-block;
}
.header-navigation-menu ul li ul.sub-menu {
    display:none;
}
.header-navigation-menu ul li a:hover {
	color:var(--baseColour_100);
	background:var(--baseColour_000);
}

.header-navigation-main {
	background-size:50% auto !important;
	background-repeat:no-repeat !important;
	background-position:5% center !important;
	padding:2em;
}
.header-navigation-main {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	margin:auto;
	width:var(--contentwidth);
}
.header-navigation-main-buttons ul {
	list-style-type:none;
	display:flex;
}

.header-navigation-main-buttons ul li i {
	font-size:1.5em;
	background:var(--baseColour);
	color:var(--baseColourInvert);
	padding:0.25em;
	margin:0.1em;
	transition:all 0.5s;
}

.header-navigation-main-buttons ul li i:hover {
	color:var(--baseColour_100);
	background:var(--baseColour_000);
}

.header-navigation-social {
	background:var(--monoFront);
}

.header-navigation-social-buttons {
	width:var(--contentwidth);
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

.header-navigation-social-buttons ul {
	display:flex;
	list-style-type:none;
}

.header-navigation-social-buttons ul li a {
	font-size:1.1em;
	display:block;
	padding:0.5em;
	color:var(--monoBack);
	transition:all 0.5s;
}

.header-navigation-social-buttons ul li a:hover {
	background:var(--baseColour);
	color:var(--baseColourInvert);
}

.header-navigation-top ul li a {
    font-family:var(--font01);
    text-decoration:none;
    font-size:0.9em;
    font-weight:bold;
    text-transform:uppercase;
}

.header-navigation-top ul li .sub-menu {
    display:none;
}