h1, h2, h3, h4, h5, h6 {
	padding: 0.7rem 1rem;
}
h1 {
	color: $blue;
}

html {
	background: $blue url('img/background.jpg') no-repeat scroll center top;
}

body {
	background: transparent url("img/background_bottom.png") repeat-x scroll center bottom;
}

$logo-height: 5rem;
$logo-width: 16rem;
#logo.has-logo {
	background-color: $logo-background;
	@media ($min-desktop-viewport) {
		display: inline-block;
		padding: 0 0 0 10px;
		a {
			width: $logo-width;
			height: $logo-height;
			background-position: center;
			z-index: 999;
			position: relative;
		}
	}
}
.site-header {
	background: white;
	@media ($min-desktop-viewport) {
		display: block;
		height: $logo-height;
	}
}
div#header {
	padding: 0;
}
.wcs-page .gru-content {
	background: white;
	padding: $space-medium;
}

.site-nav {
	@media ($min-desktop-viewport) {
		position: relative;
		top: -$logo-height;
		height: $logo-height;
	}
}
#nav-wrapper {
	box-shadow: 0px 10px rgba(55, 55, 55, 0.3);
	@media ($min-desktop-viewport) {
		height: $logo-height;
	}
}
#nav > .menu {
	@media ($min-desktop-viewport) {
		margin: 0 0 $space-large;
		height: $logo-height;
		display: flex;
		justify-content: center;
		align-items: end;
	}
	li a {
		font-family: "Open Sans Condensed", sans-serif;
		text-transform: uppercase;
		@media ($min-desktop-viewport) {
			font-size: 1.3em;
			display: flex;
			align-items: center;
			height: $logo-height;
		}
	}
}
div.gru-nav .gru-nav-button + ul {
	@media ($max-mobile-viewport) {
		margin-top: $space-small;
	}
}
div.gru-nav li li:focus-within > a,
div.gru-nav li li:hover > a {
	color: $purple;
	background: white;
}
#toplinks {
	z-index: 999;
}
main *:not(.cell) .cell {
	box-shadow: 0 0 8.1px 1.9px rgba(33,30,31,0.15);
}

%button {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: bold;
}

%cell-links-list {
	& > li > a {
		font-weight: bold;
	}
}
#footer-wrapper {
	h1, h2, h3, h4, h5, h6 {
		text-transform: uppercase;
		font-family: $title-font-family;
	}
	a {
		color: white;
	}
}

#account-management {
	display: none;
}