@charset "UTF-8";


/* Global Styles --------------------------------------------------------------------------------------------------------------*/

body {
	color: #FFF;
	line-height: 1.5em;
	font-family: Arial;
	font-size: 14px;
	background: #000;
}
.page {
	max-width: 980px;
	margin: 0px auto;
	position: relative; 
	background-color: #000;
}

h1 { color: #FFF; margin: 0em 0em .5em 0em; font-size: 1.8em; font-weight: normal; text-align:center; }

p { text-align:center; margin: 0px 0px .75em 0px; }

footer { font-size: .85em; background-color: #000; padding: 10px 10px 10px 0px; text-align:center;}




/* Large Screen Styles --------------------------------------------------------------------------------------------------------------*/

/* Layout (global rules for all sizes) */

body { margin: 0px; padding: 0px; }


/* Layout Large Screens (default for older browsers) */

header { 
	height: 700px; 
	background: url(../images/large_logo.png) no-repeat center center;}

article { padding: 60px 20px 10px 20px; }




/* Small Screen Styles --------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:50px) and (max-width:500px){   
/* Layout Small Screens */

header {
	height: 180px;
	background: url(../images/small_logo.png) no-repeat center center;
}

article { padding: 10px 5px 5px 5px; }


}


/* Medium Screen Styles --------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:501px) and (max-width:768px){ 
/* Layout Medium Screens */

header {
	height: 650px;
	background: url(../images/medium_logo.png) no-repeat center center;
}

}

@media screen and (min-width:769px) and (max-width:1024px){ 
/* Layout Medium Screens */

header {
	height: 420px;
	background: url(../images/medium_logo.png) no-repeat center center;
}

}