@media($min-desktop-viewport) {
	#top {
		display: flex;
	}
}

#logo a {
	height: 100px;
	line-height: 100px;
	color: $primary-color;
	text-transform: uppercase;
	font-weight: normal;
	@media screen and ($min-desktop-viewport) {
		margin-top: .5em;
	}
}

#toplinks {
	a {
		color: white;
	}
}

#nav-wrapper {
	margin-bottom: 10px;

	@media($min-desktop-viewport) {
		background: $nav-background;
	}

	div#nav > ul > li > a {
		border-radius: $border-radius;
	}

	div.gru-nav ul li {
		border-right: 1px solid $misc-blue;
		&:last-child {
			border-right: none;
		}
	}
	@media screen and ($min-desktop-viewport) {
		margin-top: 5em;
	}
}

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

@media screen and ($min-desktop-viewport) {
	@if $nav-after-image == true {
		body.has-picture .site-nav::after {
			content: "";
			display: none;
		}
		body.has-picture div#header-wrapper::after {
			content: "";
			display: block;
			width: 100%;
			height: $nav-after-image-height;
			background-color: transparent;
			background-image: var(--page-picture);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
			top: -0.5rem;
		}
	}
}

@media ($max-mobile-viewport) {
	div.gru-nav .gru-nav-button + ul {
		border: none;
	}
}

main {
	margin-top: 2em;
	%button {
		box-shadow: none;
	}
	%button:hover {
		border: 1px solid #dcdcdc;;
		box-shadow: none;
	}
	h1.form-content--title {
		font-family: 'Work Sans', sans-serif;
		text-transform: uppercase;
		color: $secondary-color;
		font-size: 1.3em;
		font-weight: 500;
	}
}

@media screen and ($min-desktop-viewport) {
	div.gru-content div.tracking-code-input-cell form input {
		margin-bottom: 1em;
	}
}

#rub_service {
	h2 {
		font-size: 1.8em;
	}
	h3 {
		font-size: 1.6em;
	}
	h4 {
		font-size: 1.4em;
	}
		h2, h3, h4 {
		color: $primary-color;
	}
}

#profile .label {
	color: $tertiary-color;
}

@media screen and ($max-mobile-viewport) {
	#logo a {
		display: block;
		height: 75px;
		overflow: hidden;
	}
}

#footer-wrapper {
	a:hover {
		color: $primary-color;
	}
	@media screen and ($min-desktop-viewport) {
		img {
			float:right;
			margin-top: 3em;
			max-width: 80px;
		}
	}
}

%inverted-button {
	box-shadow: none;
	&:hover {
		box-shadow: none;
	}
}
