body { font-family:"Century Gothic", arial, sans-serif;font-size:101%; color:#000; margin:0; padding:0; text-align:center;}
#wrapper {width:800px; margin:5% auto;text-align:left; border:1px solid #ccc; padding:15px;}
h1{margin-top:0;}
a.logo {width:40%; float:right;}
.logo img {width:100%; height:auto;}
.content { width:100%;}
a:link, a:visited {color:#e41318; text-decoration:none;}
a:hover, a:focus{color: maroon;}
.w50 {width:45%; float:left; margin-right:4%;}
.footer {border-top:1px solid #ccc;}
.footer ul {margin:0; padding:0;}
.footer li {margin:0; padding:0; list-style:none; float:left;}
.footer a {display:inline-block; padding: 15px 15px 0 15px;}
.logos { float:right;}
.footer img {width:75px; height:auto; margin:5px 5px 0 0;}
.clear {clear:both; height:0;}
.maplink a {background:#e41318; color:#fff; width:50%; display:block; padding:5px 15px;transition:all ease 400ms;}
.maplink a:hover, .maplink a:focus {background:maroon; transition:all ease 400ms;}

@media (max-width:800px) 
{
#wrapper {width:88%;}
.footer li {float:none;}
.w50 {float:none; width:100%;}
.w50 img {width: auto; max-width:100%;}
a.logo {float:none;   }
.logo img {width:75%;}
.logos { margin:1.5em 0;}
}