header{
	width: 100%;
	background-color: $gunmetal;
	padding: 16px;
}
header .layout-wrapper{
	position: relative;
}
header .layout-wrapper *{
	display: inline-block;
	vertical-align: middle;
}

nav{
	//position: absolute;
	right: 0;
	vertial-align: middle;
	display: inline-block;
}
nav ul{
	list-style: none;
	margin: 0;
	padding: 0;	
}
nav ul li{
	display: inline;
	color: $ghost-white;
	padding: 4px 8px;
}
nav ul li a{
	text-decoration: none;
	color: $ghost-white;
	padding: 4px 8px;

	&:hover{
		color: $white;
	}
}
nav ul li ul{
	border-top: 16px solid transparent;	
	z-index: $zi-high;
}
// Prevent webkit fucking shit up
nav ul > li:before {
	content: "\200B";
	position: absolute;
}
.site-title{
	color: $ghost-white;
	padding: 6px;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	vertial-align: middle;
	display: inline-block;
}
.logo{
	fill: $ghost-white;
	width: 32px;
	height: 32px;
}