body {
	background: #B3BFBF;
}

div#header, div#nav, div#main-content-wrapper, div#footer {
	background: white;
	position: relative;
	color: #333;

	@media screen and (min-width: $width) {
		&::before {
			box-shadow: -15px 0 15px -20px inset;
			content: " ";
			height: 100%;
			left: -15px;
			position: absolute;
			top: 0;
			width: 15px;
		}
		&::after {
			box-shadow: 15px 0 15px -20px inset;
			content: " ";
			height: 100%;
			right: -15px;
			position: absolute;
			top: 0;
			width: 15px;
		}
	}
}

div#nav {
	margin: 0 auto;
}

div#nav > ul {
	margin: 0 3px;
	font-size: 110%;
}

div#main-content-wrapper {
	padding: 1ex;
}

div#main-content-wrapper {
	margin-top: 0;
	margin-bottom: 0;
}

div#footer-wrapper {
	margin-top: 0;
	padding: 0;
}

div#footer {
	padding: 2em 0;
}

div#top {
	background: url(head.jpg) top center no-repeat;
	height: 250px;
}

div#header {
	padding: 0 3px;
}

#logo {
	background: url(logo-CCH.png) top left no-repeat;
	padding-left: 5px;
	padding-top: 130px;
}

#logo a {
	color: white;
}

#logo a {
	padding-left: 50px;
}

@media screen and ($max-mobile-viewport) {
	div#nav {
		background: transparent;
	}
	div#top {
		height: 190px;
	}
	#logo {
		padding-left: 20px;
		padding-top: 140px;
	}
}

div.tableau-budget {
	@extend .pk-budget-table;
	label {
		font-weight: bold;
	}
}

div#rub_service div.buttons {
	div.previous-button {
		float: left;
	}
}

div.widget.bold-label .title label {
	font-weight: bold;
}
