@font-face {
		font-family: 'futura-light';
		src: url('fonts/9420Futura-Light.woff2') format('woff2'),
			url('fonts/9420Futura-Light.woff') format('woff');
		  font-display: auto;
	}

	.futura-light{font-family: 'futura-light' !important;}

			@font-face {
		font-family: 'futura-book';
		src: url('fonts/2251Futura-Book.woff2') format('woff2'),
			url('fonts/2251Futura-Book.woff') format('woff');
		  font-display: auto;
	}

	.futura-book{font-family: 'futura-book' !important;}

			@font-face {
		font-family: 'futura-book-italic';
		src: url('fonts/2283Futura-Book-Italic.woff2') format('woff2'),
			url('fonts/2283Futura-Book-Italic.woff') format('woff');
		  font-display: auto;
	}

	.futura-book-italic{font-family: 'futura-book-italic' !important;}

			@font-face {
		font-family: 'futura-heavy';
		src: url('fonts/3961Futura-Heavy.woff2') format('woff2'),
			url('fonts/3961Futura-Heavy.woff') format('woff');
		  font-display: auto;
	}

	.futura-heavy{font-family: 'futura-heavy' !important;}

body
{
background-color:#0A0A0A;
text-align:center;
font-family:Helvetica,Verdana,sans-serif;
font-size:18px;
font-weight:none;
font-family: futura-book,Arial;
}


h1 {
font-family: futura-heavy,Arial;
	text-transform:uppercase;
}

main { position:absolute; left:17%; width:60%; padding:1.5%;}
 
form {
background-image:url(background.gif);
padding:0px;
border:6px none #0A0A0A;
font-weight:normal;
font-size:18px;
}

input[type=submit]
{
font-size:18px;
font-family: futura-book,Arial;
font-weight:300;
color:#0A0A0A;
background-color:#EFEFEF;
width:300px;
padding: 10px;
}

input[type=text]
{
font-size:18px;
font-family: futura-book,Arial;
font-weight:normal;
color:#0A0A0A;
width:300px;
padding: 10px;
}

input[type=password]
{
font-size:18px;
font-family: futura-book,Arial;
font-weight:normal;
color:#0A0A0A;
width:300px;
padding: 10px;
}

input[type=datetime]
{
font-size:18px;
font-family: futura-book,Arial;
font-weight:normal;
color:#0A0A0A;
width:300px;
padding: 10px;
}

table{ 
margin-left:auto;margin-right:auto;
}

#footer {
    position:fixed;
    bottom:0px;
	left:0%;
}

#content_container {
    padding-bottom:3em;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	body
	{
	background-color:#0A0A0A;
	text-align:center;
	font-size:40px;
	font-weight:normal;
	font-family: futura-book,Arial;
	}

	main { position:absolute; left:7%; width:80%; padding:1.5%;}
		
	h1 {
	font-size:40px;
font-family: futura-heavy,Arial;
	text-transform:uppercase;
	}

	form {
	background-image:url(background.gif);
	padding:0px;
	border:6px none #0A0A0A;
	font-weight:normal;
	font-size:40px;
	}

	input[type=submit]
	{
	font-size:40px;
font-family: futura-book,Arial;
	font-weight:normal;
	color:#0A0A0A;
	background-color:#EFEFEF;
	width:100%;
	height:100px;
	}

	input[type=text]
	{
	font-size:40px;
font-family: futura-book,Arial;
	font-weight:normal;
	color:#0A0A0A;
	width:100%;
	height:10%;
	}
	
	input[type=checkbox]
	{
	font-size:300px;
	font-family: futura-book,Arial;
	font-weight:normal;
	color:#EFEFEF;
	width:50px;
	height:50px;
	}
	

	input[type=password]
	{
	font-size:40px;
font-family: futura-book,Arial;
	font-weight:normal;
	color:#0A0A0A;
	width:100%;
	height:10%;
	}
	
	input[type=datetime]
	{
	font-size:40px;
font-family: futura-book,Arial;
	font-weight:normal;
	color:#0A0A0A;
	width:100%;
	height:10%;
	}	
}

@media only screen and (device-width: 768px) {
	body
	{
	background-color:#0A0A0A;
	text-align:center;
	font-size:20px;
	font-weight:normal;
	}

	main { position:absolute; left:7%; width:80%; padding:1.5%;}
	
	h1 {
	font-size:20px;
font-family: futura-heavy,Arial;
	text-transform:uppercase;
	}

	form {
	background-image:url(background.gif);
	padding:0px;
	border:6px none #0A0A0A;
	font-weight:normal;
	font-size:20px;
	}

	input[type=submit]
	{
	font-size:20px;
font-family: futura-book,Arial;
	font-weight:normal;
	color:#0A0A0A;
	background-color:#EFEFEF;
	width:450px;
	height:50px;
	}

	input[type=text]
	{
	font-size:20px;
font-family: futura-book,Arial;
	font-weight:normal;
	color:#0A0A0A;
	width:450px;
	height:50px;
	}
	
	input[type=checkbox]
	{
	font-size:20px;
font-family: futura-book,Arial;
	font-weight:normal;
	color:#0A0A0A;
	width:50px;
	height:50px;
	}

	input[type=password]
	{
	font-size:20px;
font-family: futura-book,Arial;
	font-weight:normal;
	color:#0A0A0A;
	width:450px;
	height:50px;
	}
	
	input[type=datetime]
	{
	font-size:20px;
	font-family:Helvetica,Verdana,sans-serif;
	font-weight:normal;
	color:#0A0A0A;
	width:450px;
	height:50px;
	}	
}