#header #top {
	border-bottom: 3px solid #25aae3;
}

#header #top #logo a {
	display: block;
	height: 120px;
	line-height: 140px;
	color: $primary-color;
	background: url(img/logo.png) 0px 20px no-repeat;
	padding-top: 15px;
	text-indent: -10000px;
	text-transform: uppercase;
	font-weight: normal;
}

#header #top #logo.has-logo a {
	background-image: url('/assets/header:logo');
}

div.gru-nav > ul > li > a {
	border-radius: $border-radius;
	text-transform: uppercase;
	padding: 2.25em 20px 0em 20px;
	border-right: 1px solid black;
	font-size: 120%;
}

div.gru-nav > ul > li:first-child > a {
	border-left: 1px solid black;
}

@media screen and ($max-mobile-viewport) {
	#header #top #logo a {
		display: block;
		overflow: hidden;
	}
	div.gru-nav > ul > li > a {
		font-size: 100%;
	}
}
