/* BASE
============================================================================= */
@import url(http://fonts.googleapis.com/css?family=Offside);
html 							{ overflow-y:scroll; }
body 							{ margin-top:3%; background: #000 }

/* HEADER
============================================================================= */
#header

	/* name */
	#name 						{ color:#FFF; font-family:'Offside'; font-size:5em; margin-bottom:2%; margin-top:2%; min-width: 550px; }
	#name span 					{ display:inline-block; }

/* Logo
============================================================================= */
#logoContainer					{ min-width: 550px;}
#logo							{width: 25%; display: block; margin-left: auto; margin-right:auto;}

/* CONTENT
============================================================================= */
#content 						{padding:1%; min-width: 550px;}
#secondary						{padding:1%; min-width: 550px;}
H1								{font-size:3em; color:#FFF; margin-bottom: 0%;}
H2								{font-size:2em; color:#FFF; margin-bottom: 2%;}
p								{font-size:1.3em;color:#FFF; padding-top: 2%;}

/* ANIMATIONS
============================================================================= */

	/* name */
	.a 							{ animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; }
	.b 							{ animation-delay:0.8s; -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; }
	.c 							{ animation-delay:0.6s; -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
	.d 							{ animation-delay:1s; -moz-animation-delay:1s; -webkit-animation-delay:1s; }
	.e 							{ animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
	.f 							{ animation-delay:1.2s; -moz-animation-delay:1.2s; -webkit-animation-delay:1.2s; }

	.g 							{ animation-delay:1.4s; -moz-animation-delay:1.4s; -webkit-animation-delay:1.4s; }
	.h 							{ animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
	.i 							{ animation-delay:0.6s; -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
	.j 							{ animation-delay:0.5s; -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; }

	/* content */
	#content 					{ animation-delay:1.8s; -moz-animation-delay:1.8s; -webkit-animation-delay:1.8s; }
	#secondary					{ animation-delay:2.6s; -moz-animation-delay:2.6s; -webkit-animation-delay:2.6s; }
	
@media screen and (max-width: 600px){
	html { overflow-y:scroll; }
	body { margin-top:3%; background: #000 }

	#header
		#name { font-size:2.4em; min-width: 50px;}
		#name span { display:inline-block; }
	#logoContainer { min-width: 10px;}
	#content { min-width: 10px;}
	#secondary {min-width: 10px;}
	H1{font-size:1.8em; color:#FFF; margin-bottom: 2.2%; margin-top: -.3%;}
	H2{font-size:1.2em; color:#FFF; margin-bottom: 2%;}
	p{font-size:1em;color:#FFF; margin-bottom:-2%}

}