div#mobile-topbar {
	display: none;
}

div.header {
	position: absolute;
	width: 100%;
	height: 930px;
	box-sizing: border-box;
	clip: rect(auto, auto, auto, auto);
}
div.content {
	position: absolute;
	top: 930px;
	width: 100%;
	box-sizing: border-box;
	clip: rect(auto, auto, auto, auto);
}

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

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

		div.header div.header-content div.text h1 {
			color: white;
			font-size: 32px;
			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: 20px;
			font-weight: normal;
			margin: 24px 10px 10px 36px;
		}

@media screen and (min-width: 1280px) {
	div.content div.text {
		width: 980px;
	}
}
@media screen and (max-width: 1279px) {
	div.content div.text {
		width: 860px;
	}
}

ul.menu {
	position: fixed;
	font-size: 2em;
	top: 220px;
	left: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
	ul.menu li {
		margin: 4px 0px 0px 0px;
		color: white;
		font-size: 16px;
		font-weight: 600;
		padding-left: 8px;
		border-left: 4px solid transparent;
	}
	ul.white li {
		color: white;
	}
		ul.white li a {
			color: white;
		}
	ul.black li {
		color: black;
	}
		ul.black li a {
			color: black;
		}

	ul.menu li:hover {
		border-left: 4px solid #c79f95;
	}

div.mobile-menu, ul#mobile-menu-content, a#mobile-menu-close-icon {
	display: none;
}