%title {
	@extend %title;
	text-align: center;
	width: auto;
	margin: 0 auto;
	border-bottom: 2px solid $primary-color;
}

#header-wrapper {
	#site-ville {
		display: block;
		position: relative;
		z-index: 0;
		background: white;
		height: 186px;
		text-align: center;
		background: transparent url(img/logo.png) top center no-repeat;
		text-indent: -10000px;
		@media screen and ($max-mobile-viewport) {
			background-size: auto 100%;
			margin-top: 40px;
			height: 93px;
		}
	}
	background: url(img/bandeau-e-demarches.jpg) bottom center no-repeat;
	@media screen and ($max-mobile-viewport) {
		background-size: auto 180px;
	}
	#top {
		#toplinks {
			position: absolute;
			top: -175px;
			box-shadow: none;
			border: none;
			@media screen and ($max-mobile-viewport) {
				top: -125px;
			}
		}
	}
	#logo {
		font-size: 4.667rem;
		text-align: center;
		a {
			height: 210px;
			display: block;
			text-indent: -10000px;
			color: white;
			@media screen and ($max-mobile-viewport) {
				height: 120px;
			}
		}
	}
}

#nav-wrapper {
	background: $nav-background;
	ul {
		margin-top: 0;
	}
}

#login-page,
#rub_service,
#account-management-fc,
#toplinks,
#footer,
.comment-field,
.textcell {
	a {
		text-decoration: underline;
		&.pk-button,
		&:hover {
			text-decoration: none;
		}
	}
}

div#home-text-cell {
	background: url(img/home-bg-icons.jpg) -50% 0 repeat;
	padding: 60px 0;
	> div {
		background: #d9eeff;
		max-width: 40rem;
		margin: 0 auto;
		padding: 1rem;
		color: $primary-color;
		h3 {
			font-weight: normal;
		}
		@media screen and ($max-mobile-viewport) {
			a.pk-button {
				display: inline-block;
				margin-bottom: 1ex;
			}
		}
	}
}

.gru-content div.cell.top-title-margin {
	margin-top: 76px;
	@media screen and ($max-mobile-viewport) {
		margin-top: 0;
	}
}

div#pwa-navigation {
	box-shadow: 0 0 4px 2px #666;
}

#footer a {
	color: white;
}
