@media screen and (min-width: $mobile-limit + 1) {
	div#toplinks {
		right: 8em;
		top: -35px;
		border: none;
		background: none;
		box-shadow: none;
		padding-top: 0.5em;
		a {
			color: white;
		}
	}

	div#header-wrapper {
		border-top: 35px solid $primary-color;
	}

	#logo.has-logo {
		padding-bottom: 20px;
		a {
			min-height: 70px;
		}
	}
}

div#nav {
	@media screen and (max-width: $mobile-limit) {
		padding-top: 20px;
	}
	@media screen and (min-width: $mobile-limit + 1) {
		margin-top: 10px;
		margin-bottom: 10px;
		position: absolute;
		top: 35px;
		left: 24%;
		ul {
			li a {
				line-height: 300%;
				text-transform: uppercase;
			}
			margin-top: 0px;
			margin-bottom: 0px;
		}
		a:hover {
			text-decoration: underline;
			text-decoration-color: black;
			text-decoration-thickness: 2px;
			text-underline-position: under;
		}
	}
}

div#main-content-wrapper {
	max-width: 1260px;
	@media screen and (min-width: $mobile-limit + 1) {
		margin-top: 4em;
	}
}

.gru-content div.link-list-cell,
.gru-content div.link-list-cell.has-asset-picture > div picture img,
.gru-content div.wcsformsofcategorycell,
.gru-content div.wcsformsofcategorycell.has-asset-picture > div picture img,
.gru-content div.wcsformsofcategorycell.has-asset-picture > div > h2:first-child {
	border-radius: 20px;
	overflow: hidden;
	@media screen and (max-width: $mobile-limit) {
		width: 100%;
	}
}

div#footer-wrapper {
	h1, h2, h3, h4, h5, h6 {
		color: black;
		background: $primary-color;
	}
	a:hover {
		color: $primary-color-focus;
		background: white;
	}
}
