/*iphone5 fix for logo postionning*/
@media screen and (max-width: 320px) {
	h1#logo {
		margin: 0.3em 0 0 0.1em !important;
		padding: 0 !important;
	}
	h1#logo a img {
		max-height: 40px !important;
	}
}
@media screen and (max-width: 680px) {
	h1#logo a img {
		max-height: 60px;
	}
}
@media screen and (max-width: 480px) {
	h1#logo a img {
		max-height: 45px;
	}
	h1#logo {
		margin: 0.3em 0 0 0.1em !important;
	}
}
/* semi bold nav */

div.gru-nav > ul > li a,
div.gru-nav > ul > li.selected a {
	font-weight: 600;
}

/* Custom selection color because that can be done and it's cool */
::selection {
	color: white;
	background-color: $primary-color;
}
