body {
font-family: 'Open Sans', sans-serif;	
}

#container {
	max-width: 1000px;
	height: auto;
	margin: 10px auto;
	padding: 10px 0;
	text-align: center;
}

#logo {	margin: 10px auto; max-width: 50px; margin-bottom: 10px;}
.quote {float: left; width: 30%; padding-right: 10%;}
.quote img {width: 100%; height: auto;}
.text {float: left; width: 60%;}
h1 {letter-spacing: 0px; font-size: 30px; margin: 0; padding: 0; text-transform: none;}
h3 {letter-spacing: 0px; font-size: 15px; margin: 30px 0 0 0; padding: 0; text-transform: none;}
table {font-size: 14px; text-align:left;}
a {color: #000; text-decoration:none;}
a:hover{text-decoration: underline;}


@media only screen and (max-width: 450px) {#logo {margin: 0 auto; } .quote{ width: 60%; padding: 0 10%;}}
@media only screen and (max-width: 500px) {.quote {float: left; width: 90%; padding: 0 5%; margin: 0 auto;} .text {width: 90%; margin-top: 10px; padding: 0 5%;}}
@media only screen and (max-width: 400px) {
	.quote {width: 90%; padding: 0 5%;} 
	.text {width: 90%; margin-top: 10px; padding: 0 5%;}
	table {width: 100%!important; font-size: 13px;}
}