@-ms-viewport{
  width: device-width;
}

.background {
	background-color: black
	color: white;
	font-family: 'Roboto', helvetica;
	font-size: 14pt;
	margin: 0;
	overflow-x: hidden;

	background: url("images/header-background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #130f0c;
}

.background iframe {
	border-style: none;
	overflow: hidden;
}

.paper {
	background-color: #f0eae0;
}

.glass {
	/*background-color: #00000040;*/
	color: white;
}

.header-container {
	width: 100%;
	padding-bottom: 80px;
}

.header {
	margin: auto;
	width: 853px;
	padding-bottom: 40px;
	/*background-color: #101010;*/
}

.header-logo {
	padding-top: 50pt;
	padding-bottom: 20pt;
}

.header-video {
	background-color: #404040;
}

.parallax {
	background-attachment: fixed;
	background-position: 0px 0px;
}

.body-spacer {
	height: 90pt;
}

.footer-spacer {
	height: 30pt;
}

.dogfight-container {

	position: relative;

	width: 1100px;
	height: 417px;
	margin-left: auto;
	margin-right: auto;

	padding-top: 0pt;
	padding-bottom: 50pt;
}

.dogfight-image {
	position: absolute;
	pointer-events: none;
	width: 1100px;
	height: 417px;
}

.body {
	padding-top: 0px;
	padding-bottom: 60pt;

	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.body h1 {
	font-size: 	38pt;
	font-weight: bold;
}

.body h2 {
	/*color: #1c1e7e;*/
	color: white;
	font-size: 30pt;
	font-weight: normal;
	margin-top: 30px;
	padding-left: 8px;
	background-color: #202020;
}

.body li {
	padding-top: 5px;
}

.container {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	padding-bottom: 0px;
	margin: auto;
	width: 100%;
	max-width: 800px;
}

.no-top-padding {
	padding-top: 0px !important;
}

.no-bottom-padding {
	padding-bottom: 0px !important;
}

.gallery {
	max-width: 900px !important;
}

.steamworks-table {
	padding: 0;
	width: 100%;
}

.steamworks-table iframe {
	height: 325px;
}

.steamworks-table th, td {
	padding: 0;
	width: 50%;
}


.background-steamworks-item {
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: black;
}

#steamworks-item {
	max-width: 100%;
	height: 300px;
	color: white;
	text-align: center;
}

#steamworks-item img {
	position: fixed;
	display: block;
	max-width: 100%;
	min-width: 100%;
	min-height: 80%;
	transform: scale(1, 1);
	opacity: 0.3;
	transition: transform 0.3s, opacity 0.3s;
	z-index: -1;
}

.footer-image {
	background: url("images/footer.png");
	height: 320px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.chat-table table {
	table-layout: fixed;
	margin: auto;
	width: 800px;
	padding-bottom: 50px;
}

.chat-table-left {
	text-align: right;
	padding-right: 20px;
	width: 300px;
}

.chat-table-right {
	text-align: left;
	width: 400px;
}

.contact-table table {
	table-layout: fixed;
	padding-top: 10px;
	margin: auto;
	width: 80%;
}

.contact-table td {
	text-align: center;
	width: 25%;
}

.contact {
	font-size: 16pt;
}

.contact a {
	color: white;
}

.steamworks-item-info {
	display: block;
	padding-top: 105px;

	font-size: 16pt;
}

.steamworks-item-info a {
	color: white;
	/*text-decoration: none;*/
}

.splatter-parent {
	position: relative;
}

.splatter {
	position: absolute;
	background: url("images/splatter.png");
	background-repeat: no-repeat;
	width: 500px;
	height: 401px;
	z-index: 1;
	pointer-events: none;
}

.above-splatter {
	position: relative;
	z-index: 30;
}

.center {
	display: block;
	margin-left: auto;
    margin-right: auto;
}

.nav-container {
	margin-top: 20pt;
	padding-top: 10px;
	padding-bottom: 10px;
}

.navigation table {
	width: 100%;
	font-size: 28pt;
}

.navigation th {
	width: 200px;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
}

.navigation a {
	color: white;
	text-decoration: none;
}

.noborder {
	border: none !important;
}

.header-spacer {
	height: 170px;
}

* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */