@charset "UTF-8";

#centerFloat {
	width: 50%;	
	background:rgba(255,255,255,0.1);
	position: absolute;
	top: 48%;
	left: 50%
}


#symbol {
	width: 100%;
	position: absolute;
}

#symbol img {
	width: 100%;
	height: auto;
	visibility: visible;
	margin-top: -50%;
	margin-left: -50%;
}

#frontNav {
	position: absolute;
	color: #FFF;
	margin-top: -48%;
	margin-left: -10%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: .875em;
}

#frontNav ul li {
	list-style-type: none;
	margin-bottom: 12px;	
	text-shadow: 2px 2px 8px #000000;
}

a:link {
    color: white;
	text-decoration: none;
}

a:visited {
    color: white;
}

a:hover {
    color: white;
	text-shadow: 2px 2px 4px #000000;
	text-decoration: underline;
}

a:active {
    color: white;
}

#infoFooter {
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	position: fixed;
	width: 100%;
	background:rgba(0,0,0,0.75);
	bottom: 0px;
	font-size: .75em;
	padding-top: 8px;
	padding-bottom: 8px;
}

@media screen and (max-width: 600px) {

	#centerFloat {
	width: 60%;	
	}

}

@media screen and (max-width: 440px) {

	#centerFloat {
	width: 75%;	
	}

}

@media screen and (max-width: 360px) {

	#centerFloat {
	width: 86%;	
	}
	
	#infoFooter {
	font-size: .875em;
    }


}