#header-wrapper {
	background: #047c99 linear-gradient(to right, #047c99, #56af4e);
}

div#header {
	background: url(img/intranet.svg) left center no-repeat;
	background-size: auto 70px;
	padding: 20px 0;
	@media screen and ($max-mobile-viewport) {
		background-position: 10px 10px;
	}

	h1 {
		font-size: $title-font-size;
	}

	#logo a:hover {
		text-decoration: none;
	}

	.site-title {
		padding-left: 70px;
		color: white;
		display: block;
		@media screen and ($max-mobile-viewport) {
			padding-left: 0px;
		}
	}
}

#top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	@media screen and ($max-mobile-viewport) {
		flex-direction: column-reverse;
		align-items: baseline;
		padding-left: 70px;
		#logo {
			padding-left: 0 !important;
		}
	}
}

#toplinks {
	position: static;
	@media screen and ($max-mobile-viewport) {
		margin-right: 10px;
	}
	a {
		background: $green;
		color: black;
		font-weight: 500;
		border-radius: 100px;
		padding: 2px 1em;
		&.account-link, &.login-link {
			background: white;
		}
	}
}

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

%button {
	border-radius: 30px;
	font-weight: 500;
	font-family: $title-font-family;
}

ul#evolutions li span.item {
	background: white !important;
	box-shadow: 0 0 0px 5px #eee;
}

div#rub_service {
	padding-top: 15px;
}

div#tracking-code {
	background: white;
}

#footer {
	font-size: 90%;
}

header, footer {
	font-family: $title-font-family;
}
