body {
	position: relative;
}

ul.menu {
	display: none;
}

div#mobile-topbar {
	position: fixed;
	top: 0px;
	left: 0px;
	background: black;
	width: 100%;
	height: 46px;
	z-index: 300;
}

	div#mobile-topbar div#mobile-title {
		color: #c79f95;
		text-align: center;
		margin: 0px 60px 0px 60px;
		padding-top: 12px;
		height: 34px;
		overflow: hidden;
		white-space: nowrap;
	}

	div#mobile-topbar a.facebook {
		float: right;
		display: block;
		width: 26px;
		height: 26px;
		background-image: url('/static/img/default/facebook.png');
		background-size: 26px 26px;
		margin-right: 20px;
		margin-top: 10px;
	}

	div#mobile-menu {
		padding: 8px 20px 0px 20px;
		position: absolute;
	}

	ul#mobile-menu-content {
		position: absolute;
		background: black;
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: center;
		border-bottom: 1px solid #c79f95;
		z-index: 200;
		width: 100%;
		opacity: 0.85;
	}

		ul#mobile-menu-content li {
			border-top: 1px solid #c79f95;
		}

			ul#mobile-menu-content li a {
				padding: 10px;
				color: white;
				font-weight: 600;
				display: block;
			}


div.header {
	background-image: url('/static/img/default/background-mobile-with-effect.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 300px;
}

	div.header div.header-content div.text {
		position: absolute;
		top: 180px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

		div.header div.header-content div.text h1 {
			color: white;
			font-size: 24px;
			font-weight: 600;
			margin: 14px 10px 10px 34px;
			text-shadow: 2px 2px black;
		}

		div.header div.header-content div.text h2 {
			color: white;
			font-size: 16px;
			font-weight: normal;
			margin: 14px 10px 10px 36px;
		}


div.content div.text {
	padding: 0px 20px;
}