@charset "utf-8";
/* CSS Document */

body {background-color: rgba(96,96,96,1.0); font-family: "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";}
p {font-size: 2em; color: rgba(255,102,0,1.0);  margin: 10px 10px 20px 25px}
a {text-decoration: none; color: rgba(255,255,255,1.00)}

#content {background-color: rgba(0,0,0,1.0); max-width: 1280px; margin:0 auto;}

nav {color: rgba(255,255,255,1.00);	background: rgba(51,102,102,1.0); padding: 15px 15px 5px 15px; margin: 15px 15px 15px 15px; display: block; max-width: 100%; text-align: center; font-size: 2.8em;	font-family: 'Shadows Into Light', sans-serif;}
li{display: inline-block; padding: 5px 50px 5px 50px; }
nav li a {display: block; width: 100%; height: 1.5em; text-align: center; }

#social {text-align: center; }
.social {padding: 0px 50px 0px 50px;}

aside {font-size: 4em; color: rgba(255,255,255,1.00); padding: 15px 15px 15px 15px; text-align: center; background: rgba(255,102,0,1.00)}
small {color: rgba(255,255,255,1.00); padding: 50px 50px 50px 50px;}




/*RESPONSIVE CRAP*/

/*SMARTPHONES*/
/*SAMSUNG GALAXY NOTE 4 1140x2560 / 360x640*/
/*iPHONE 5 640x1136 / 320x568*/
@media screen and (min-width:280px) and (max-width:350px) {
	nav {font-size: 2em;}
	li{padding: 5px 30px 5px 30px; }
	p {font-size: 1em;}
	.social {padding: 0px 20px 0px 20px; width: 10%;}
	aside {font-size: .8em;}
	#head1 {display: none;}
}

@media screen and (min-width:351px) and (max-width:500px) {
	nav {font-size: 2em;}
	li{padding: 5px 20px 5px 20px; }
	p {font-size: 1em;}
	.social {padding: 0px 30px 0px 30px; width: 10%;}
	aside {font-size: 1em;}
	#head1 {display: none;}
}
	

/*TABLETS*/
/*iPAD 3 1536x2048 / 768x1024*/
/*SAMSUNG GALAXY TAB 3 800x1280 / 800x1280*/
@media screen and (min-width:501px) and (max-width:675px) {
	nav {font-size: 2.1em;}
	li{padding: 5px 5px 5px 5px; }
	p {font-size: 1.3em;}
	.social {padding: 0px 30px 0px 30px; width: 10%;}
	aside {font-size: 1.5em;}
	#head2 {display: none;}
}

@media screen and (min-width:676px) and (max-width:800px) {
	nav {font-size: 2.8em;}
	li{padding: 5px 10px 5px 10px; }
	p {font-size: 1.5em;}
	aside {font-size: 2.1em;}
	#head2 {display: none;}
}

@media screen and (min-width:801px) and (max-width:1189px) {
	nav {font-size: 2.8em;}
	li{padding: 5px 20px 5px 20px; }
	aside {font-size: 2.5em;}
	#head2 {display: none;}
}

@media screen and (min-width: 1190px) {
	#head2 {display: none;}
	.top, .bottom {width: 17%; font-size: 4.1em;}
}