#grdntb	{
			background: #001E60; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(#34657F, #001E60); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#34657F, #001E60); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#34657F, #001E60); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#34657F, #001E60); /* Standard syntax */
			line-height: 50px; 
			width: 100%;

		}
		
.container {
	margin: auto;
	width: 80%;
	/* border: 3px solid #001E60;
	background: #EAAA00;
	color: #ffffff;
	padding: 10px;
	max-width: 1200px;
	/* padding-left: 300px; */
}
.game-logo {
	margin: auto;
	max-width: 1200px;
	/*border: 1px solid #000000; */
}
a.game {
	color: #ffffff;
	text-decoration: underline;
}
h1 
{
	text-align: center;
	font-size: 36px;
	color: #001E60;
}
h2 
{
	text-align: center;
	font-size: 30px;
	color: #001E60;
}
h3 
{
	text-align: center;
	/*font-size: 48px;*/
	font-size: calc(36px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
	line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
	color: #ffffff;
	text-shadow: -1px 1px 0 #000,
				  1px 1px 0 #000,
				 1px -1px 0 #000,
				-1px -1px 0 #000;
}
p, ul, li
{
	margin-left:25px;
	font-family: 'Play', sans-serif; 
	font-size: 20px; 
}
table.data {
	font-family: 'Play', sans-serif; 
	font-size: 20px; 
	border-collapse:collapse;
	margin-left:auto; 
    margin-right:auto;
	margin: 0 auto;
}
table.data td, th {
	padding:7px; border:#F1B201 1px solid;
}
table.data a {
	font-size: 20px; 
	border-collapse:collapse;
	margin-left:auto; 
    margin-right:auto;
	margin: 0 auto;
}
table.data tr:nth-child(odd) {background-color: #FFF;}
table.data tr:nth-child(even) {background-color: #CCC;}
table.data td:nth-child(2), th:nth-child(2) { border-left: #F1B201 1px solid; }
table.data td:nth-child(5), th:nth-child(5) { border-right: #F1B201 1px solid; }
table.data td:nth-child(8), th:nth-child(8) { border-right: #F1B201 1px solid; }
table.data td:nth-child(11), th:nth-child(11) { border-right: #F1B201 1px solid; }


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.form_wrapper {
	background:#fff;
	width:90%;
	max-width:100%;
	box-sizing:border-box;
	padding:15px;
	margin:10% auto 0;
	position:relative;
	z-index:1;
	-webkit-box-shadow:0 23px 4px -21px rgba(0, 0, 0, 0.9);
	-moz-box-shadow:0 23px 4px -21px rgba(0, 0, 0, 0.9);
	box-shadow:0 23px 4px -21px rgba(0, 0, 0, 0.9);
}
.form_container {
	padding:15px;
	/*border:1px dashed #ccc;*/
}
.form_wrapper h2 {
	font-size:1.5em;
	line-height:1.5em;
	margin:0;
}
.form_wrapper .title_container {
	text-align:center;
	margin:-15px -15px 15px;
	padding:15px 0;
	/*border-bottom:1px dashed #ccc;*/
}
.form_wrapper h3 {
	font-size:1.1em;
	font-weight:normal;
	line-height:1.5em;
	margin:0;
}
.form_wrapper .row {
	margin:10px -15px;
}
.form_wrapper .row > div {
	padding:0 15px;
	box-sizing:border-box;
}
.form_wrapper .col_half {
	width:50%;
	float:left;
}



.form_wrapper .col_left {
	width:40%;
	float:left;
}
.form_wrapper .col_right {
	width:60%;
	float:left;
}



.form_wrapper label {
	display:block;
	margin:0 0 5px;
}
.form_wrapper .input_field, .form_wrapper .textarea_field {
	position:relative;
}
.form_wrapper .input_field > span, .form_wrapper .textarea_field > span {
	position:absolute;
	left:0;
	top:0;
	color:#333;
	height:100%;
	border-right:1px solid #ccc;
	text-align:center;
	width:30px;
}
.form_wrapper .textarea_field > span {
	border-bottom:1px solid #ccc;
	max-height:35px;
}
.form_wrapper .input_field > span > i, .form_wrapper .textarea_field > span > i {
	padding-top:12px;
}
.form_wrapper input[type="text"], .form_wrapper input[type="email"], .form_wrapper input[type="tel"], textarea {
	width:100%;
	padding:10px 10px 10px 35px;
	border:1px solid #ccc;
	box-sizing:border-box;
	outline:none;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}
.form_wrapper textarea {
	height:8em;
}
.form_wrapper input[type="text"]:focus, .form_wrapper input[type="email"]:focus, .form_wrapper input[type="tel"]:focus, textarea:focus {
	-webkit-box-shadow:0 0 2px 1px rgba(255, 169, 0, 0.5);
	-moz-box-shadow:0 0 2px 1px rgba(255, 169, 0, 0.5);
	box-shadow:0 0 2px 1px rgba(255, 169, 0, 0.5);
	border:1px solid #f5ba1a;
}
.form_wrapper input[type="submit"] {
	background:#f5ba1a;
	height:50px;
	line-height:50px;
	width:100%;
	border:none;
	outline:none;
	cursor:pointer;
	color:#fff;
	font-size:1.2em;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}
.form_wrapper input[type="submit"]:hover, .form_wrapper input[type="submit"]:focus {
	background:#daa106;
}





@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
  /* Force table to not be like tables anymore */
	table.data, thead.data, tbody.data, th.data, td.data, tr.data { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead.data tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr.data { border: 1px solid #ccc; }
	
	td.data { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td.data:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
.form_wrapper .col_half {
	width:100%;
	float:none;
}
.form_wrapper label {
	margin:10px 0;
}


}
.container {
	height: auto;
	overflow: auto;
}