/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"";}
a img{border:none;}

body
{
	margin: 0;
	padding: 0;
	background: url("./img/3pixels.png") repeat fixed 0 0;
	background-color: rgba(0,0,0,0.85);
	font: normal 100%/1.4 'Roboto', Sans-Serif;
	-webkit-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%;overflow-x:hidden;
}

h1
{
	color: #EAEAEA;
	margin: 0;
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-family: 'Roboto', Sans-Serif;
	font-weight: 100;
	font-size: 3em;
	text-align: center;
}

input
{
	background:none;
	font-family: 'Press Start 2P', 'Roboto', sans-serif;
}

textarea
{
	font-family: 'Press Start 2P', 'Roboto', sans-serif;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

*::-webkit-input-placeholder {
    color: #444444;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #444444;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #444444;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #444444;
}

.modal-backdrop {
    background: none;
}
@media screen and (min-width: 35.000em) { /*600px*/
	body {font-size: 100%;}
}
@media screen and (min-width: 37.500em) { /*600px*/
	body {font-size: 112.5%;}
}
@media screen and (min-width: 50.000em) { /*800px*/
	body {font-size: 125.0%;}
}
@media screen and (min-width: 64.375em){ /*1030px*/
	body {font-size: 130%;}
}
@media screen and (min-width: 81.000em) { /*1100px*/
	body {font-size: 150%;}
}
@media screen and (min-width: 90.000em) and (min-height:31.250em) { /*1200px X 500px*/
	body {font-size: 175%;}
}

@media screen and (max-width: 800px){
	#navList {display:none;}
	#navWrapper{width:100%;}
	#contentWrapper{width:100%;}
	.hide{display: none;}
}