#logo {
	position: relative;
	height: 30px;
	@media ($max-mobile-viewport) {
		height: 60px;
	}
	a {
		z-index: 2;
		position:absolute;
		height: 165px;
		@media ($max-mobile-viewport) {
			height: 80px;
		}
		top: -3px;
	}
}

.site-nav {
	background: $primary-color;
	text-align: right;
	text-transform: uppercase;
	margin-bottom: 15px;
	@media ($min-desktop-viewport) {
		margin-bottom: 50px;
	}
}

div.gru-nav > ul > li:not(:last-child) {
	border-right: 1px solid white;
}

@if $nav-after-image == true {
	body.has-picture .site-nav::after {
		top: 0;
	}
}
