@charset "utf-8";
/* CSS Document */
header { 
	overflow: hidden; 
	position: fixed; 
	top: 0;
	width: 100%; 
	min-height:70px; 
	background:#ffffff; 
	padding-top: 10px;   
	opacity: 0.95;}
	
	
footer {
	margin-top: 60px;
	background:#ffffff; 
	padding-top: 30px;
	padding-bottom: 30px;}
	
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 170%;}

.wrapper{ 
	margin: 0 auto;
	padding-left: 100px; 
	padding-right: 100px;
	max-width:800px; 
	}
	
.main {
	margin-top: 120px;}
.heroimage { 
	width: 100%; 
	height: auto;}	

.copy {
	padding-left: 20px; 
	padding-right: 20px;
	margin-top: 40px;}
	
.title {
    color: #222;
    font-size: 32px;
    font-family: 'StoneSansITCW01-Medium', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	line-height: 120%;
	text-align: left;}
	
.contributor {
    color: #222;
    font-size: 14px;
    font-family: 'StoneSansITCW01-Medium', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	line-height: 150%;
	text-align: left;}      

.address {
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    line-height: 150%;}


@media only screen and (max-width: 768px)
{
	.wrapper { 
		padding-left: 60px; 
		padding-right: 60px;}
	.footer_logo {
		display: none;}
	.address {
    margin-top: 0px;}
	
}
	   
@media only screen and (max-width: 549px)
{
	.wrapper { 
		padding-left: 40px; 
		padding-right: 40px;}
	.copy {
		padding-left: 0px; 
		padding-right: 0px;
		margin-top: 40px;}
	
}