header {
	box-shadow: 0px 0px 15px #666;
	position: relative;
	z-index: 1000;
	@media ($max-mobile-viewport) {
		position: sticky;
		top: 0;
		z-index: 1000;
	}

}

div#top {
	@media ($min-desktop-viewport) {
		display: flex;
		align-self: flex-start;
	}
	@media ($max-mobile-viewport) {
		padding-top: 1.5rem;
		width: 100%;
		z-index: 3;
	}
}

main {
	margin-top: 2rem;
}

#logo.has-logo {
	display: flex;
	flex-grow: 1;

	@media screen and ($max-mobile-viewport) {
		height: 75px;
	}
	@media ($min-desktop-viewport) {
		margin-bottom: 1rem;
		margin-top: 1rem;
	}

	a {
		flex: 0 1 222px;
		max-width: 100%;
		min-width: 160px;
		@media screen and ($max-mobile-viewport) {
			flex-basis: 160px;
			min-width: 0;
		}
	}
}

div.gru-nav > ul {
	margin: 0;
}

@supports (position: sticky) {
	div.gru-nav .gru-nav-button + ul {
		@media ($max-mobile-viewport) {
			border-top: none;
			max-height: calc(100vh - 75px - 1.5rem);
			overflow-y: auto;
		}
	}
}

// align items center to logo but border on bottom 
@media ($min-desktop-viewport) {
	.gru-nav-wrapper,
	div.gru-nav,
	div.gru-nav > ul,
	div.gru-nav > ul > li,
	div.gru-nav > ul > li > a {
		height: 100%;
	}
	div.gru-nav > ul > li > a {
		display: flex;
		align-items: center;
	}
}



div.gru-nav > ul > li a {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 0.8em;
	border-bottom-color: #dfdfdf;
}

div#toplinks {
	text-transform: uppercase;
	font-size: 0.8em;

	a {
		color: $link-color;
	}
	@media ($min-desktop-viewport) {
		position: static;
		text-align: right;
		align-self: center;
		border-bottom: $nav-item-selected-border;
		border-color: transparent;
		margin-left: 1rem;
	}
	@media ($max-mobile-viewport) {
		margin-right: 1em;
	}
}

.form-content--title {
	font-size: 1.5em;
	@media screen and ($min-desktop-viewport) {
		font-size: 3em;
	}
}

div.cell.text-cell {
	padding: 0.1rem 2rem;
	h1, h2, h3, h4 {
		font-family: $poppins;
		font-weight: 300;
	}

	h1 {
		font-size: 2.5rem;
	}

	h2 {
		font-size: 2rem;
	}

	h3 {
		font-size: 1.5rem;
	}
}

div#rub_service {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	background: white;
	border-radius: 0 10px 10px 10px;
}

div.links-list > ul > li:last-child a:only-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

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