#header {
	background-color: transparent;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
	@media (min-width: 768px) {
		#header {
			padding-top: 50px;
		}
	}
	@media (max-width: 767px) {
		#header .navbar-brand {
			height: 50px;
		}
	}



#logo {}
	@media (max-width: 767px) {
		#logo .navbar-brand a,
		#logo .navbar-brand img {
			display: block;
			height: 100%;
			width: auto;
		}
	}



#utility {
	background-color:#212121;
}
	#utility input,
	#utility button {
		border:0;
	}
	#utility input {
		height:32px;
	}
	@media (max-width: 767px) {
		#utility form {
			margin-bottom: 0;
			padding: 15px;
		}
	}
	@media (min-width:768px) {
		#utility {
			left: 0;
			margin: 0;
			position: absolute;
			text-align: right;
			top: 0;
			width: 100%;
		}
		#utility .navbar-form {
			float: right;
			width: 20%;
		}
	}



#nav {}
	@media (max-width: 767px) {
		#nav > ul {
			margin-top: 0;
		}
		#utility .container {
			padding: 0;
		}
	}
	@media (min-width: 768px) {
		#nav {
			display: table;
			height: 100% !important;
			position: relative;
		}
		#nav > ul {
			height: 100%;
			position: absolute;
			right: 0;
			top: 0;
		}
		#nav > ul > li {
			display: table;
			height: 100%;
			margin-left: 2px;
		}
		#nav > ul > li > a {
			background-color: #444;
			display: table-cell;
			vertical-align: middle;
		}
	}



#media {
	background-color: #ddd;
	box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2) inset;
}

	#media .carousel-caption,
	#media .carousel-indicators {
		left: 0;
		margin-left: 0;
		padding-left: 20px;
		right: 0;
		text-align: left;
	}
	@media (max-width: 767px) {
		#media .container {
			padding:0;
		}
	}