body {
	background: #94a6ae;
}

.header {
	background: #28353d;
	padding: 20px 0;
}

.logo {
	text-align: center;
	color: #fff;
	width: 200px;
	height: 60px;
	margin: 0 auto 10px;
}

.logo img {
	width: 200px;
}

.nav {
	text-align: center;
	font-size: 18px;
	font-family: "proxima-nova",sans-serif;
}

.nav > li {
	display: inline-block;
}

.nav > li > a {
	color: #bfbebd;
	text-transform: uppercase;
}

.nav > li > a:hover, 
.nav > li > a:active {
	color: #fff;
	background: none;
}

.nav > li.active > a {
	color: #fff;
	font-weight: 700;	
}

@media (min-width: 768px) { 
	.logo {
		margin: 0;
		float: left;
	}
	nav {
		float: right;
		margin-top: 10px;
	}
}

.page-header {
	background: #b1d0d6;
	color: #fff;
	border: none;
	margin: 0;
	padding: 30px 0 20px;
}

.page-header h1 {
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	font-family: "proxima-nova",sans-serif;
}

@media (min-width: 768px) {
	.page-header h1 {
		text-align: left;	
	}
}

h2 {
	color: #28353d;
	text-transform: uppercase;
	font-family: "proxima-nova",sans-serif;
	font-size: 24px;
}

.content {
	background: #e3e3e3 url('../img/bg.jpg')  bottom center;
	background-size: cover;
}

.content.bg-berlin {
	background-image: url('../img/bg-frankfurt.jpg');
}

.content.bg-swiss {
	background-image: url('../img/bg-swiss.jpg');
}

.content-wrap {
	padding: 30px;
	background: rgba(255, 255, 255, .8);
}

.footer {
	padding: 20px 0;
	color: #c4ccd3;
}