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

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; 
}

body {
	background-color:rgba(0, 0, 0, .02);
}

#header {
	width:100&;
	height: 60px;
	background-color:#D00;
	-webkit-box-shadow: inset 0px 0px 15px 2px rgba(0, 0, 0, .3);
	box-shadow: inset 0px 0px 15px 2px rgba(0, 0, 0, .3); 
}

#header h1 {
	color:#FFF;
	padding-top:13px;
	text-align:center;
	font-family:"futura-pt-condensed", Verdana, Geneva, sans-serif;
	font-size:3em;
	font-style: italic;
	text-transform: uppercase;
	text-shadow: 0px -2px 5px rgba(0, 0, 0, .3);
	filter: dropshadow(color=rgba(0, 0, 0, .3), offx=0, offy=-2);

}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#D00;
	margin-bottom:10px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:rgba(0, 0, 0, .7);
	margin-bottom:40px;
	text-align:center;

}

nav {
	margin-top:1%;
	text-align:center;
}

nav ul {
	list-style-type: none;	
}

nav ul li {
	display:inline;
	padding-left: 3%;
	padding-right: 3%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:rgba(0, 0, 0, .5);
}

a:link {
	text-decoration:none;
	color:rgba(0, 0, 0, .5);
	-webkit-transition: color .5s ease-in-out;
  	-moz-transition: color .5s ease-in-out;
  	-o-transition: color .5s ease-in-out;
  	transition: color .5s ease-in-out; 
}

a:visited {
	text-decoration:none;
	color:rgba(0, 0, 0, .5);
}

a:active {
	text-decoration:none;
	color:#E00;
}

a:hover {
	text-decoration:none;
	color:#E00;
}

section {
	margin-top:30px;
	width:60%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}

section img {
	float:left;
	margin-bottom:30px;
	margin-right:30px;
	width:250px; 
	-webkit-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, .3);
    box-shadow:  1px 1px 5px 2px rgba(0, 0, 0, .3);"
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:rgba(0, 0, 0, .5);
	line-height:1.4em;
	margin-bottom:10px;
	text-align:justify;
}

.bigred {
	font-size:7.2em; 
	line-height:1em; 
	color:#D00; 
	letter-spacing:-.02em;
	font-weight:bold;
}

.littlered {
	font-size:5.5em; 
	line-height:1.25em; 
	color:#D00;
	margin-bottom:3%;
}

.leadin {
	font-size:1.3em;
}

footer {
	margin-top:100px;
}

@media only screen and (min-width: 1024px) and (max-width: 1129px) {
section {
	margin-top:30px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.bigred {
	font-size:6.7em; 
	line-height:1em; 
	color:#D00; 
	letter-spacing:-.02em;
	font-weight:bold;
}

.littlered {
	font-size:5.4em; 
	line-height:1.25em; 
	color:#D00;
	margin-bottom:3%;
}

.leadin {
	font-size:1.2em;
}

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
section {
	margin-top:30px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.bigred {
	font-size:5.4em; 
	line-height:1em; 
	color:#D00; 
	letter-spacing:-.02em;
	font-weight:bold;
}

.littlered {
	font-size:4.2em; 
	line-height:1.25em; 
	color:#D00;
	margin-bottom:3%;
}

.leadin {
	font-size:1.2em;
}


}

@media only screen and (min-width: 480px) and (max-width: 767px) {
section {
	margin-top:30px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.bigred {
	font-size:3.6em; 
	line-height:1em; 
	color:#D00; 
	letter-spacing:-.02em;
	font-weight:bold;
}

.littlered {
	font-size:2.5em; 
	line-height:1.25em; 
	color:#D00;
	margin-bottom:3%;
}

.leadin {
	font-size:1.1em;
}

section img {
	float:left;
	margin-bottom:30px;
	margin-right:30px;
	width:150px; 
	-webkit-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, .3);
    box-shadow:  1px 1px 5px 2px rgba(0, 0, 0, .3);"
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#D00;
	margin-bottom:10px;
}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
section {
	margin-top:30px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.bigred {
	font-size:2.5em; 
	line-height:1em; 
	color:#D00; 
	letter-spacing:-.02em;
	font-weight:bold;
}

.littlered {
	font-size:2em; 
	line-height:1.25em; 
	color:#D00;
	margin-bottom:3%;
}

.leadin {
	font-size:1em;
}

section img {
	float:left;
	margin-bottom:30px;
	margin-right:30px;
	width:100%; 
	-webkit-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, .3);
    box-shadow:  1px 1px 5px 2px rgba(0, 0, 0, .3);"
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#D00;
	margin-bottom:10px;
}

nav {
	margin-top:3%;
	text-align:center;
}

nav ul {
	list-style-type: none;	
}

nav ul li {
	display:block;
	padding-top:2%;
	padding-left: 4%;
	padding-right: 4%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:rgba(0, 0, 0, .5);
}
}