body, h1, h2, h3, p, a, ul, li, img {margin: 0px;padding: 0px;font-size: 14px; color:#999; outline:none;font-family: 'Droid Sans', serif;}
h1 { margin: 1em 0; font-size: 18px; }
body, html {width:100%;height:100%;}
body {}
img {border:none;}
ul {list-style-type: none;}
p {line-height:1.5em;}
a {text-decoration:none;}
p a {}
a:hover {text-decoration:underline;}
#container { text-align: center; }
#main { width:95%; max-width: 400px; overflow: hidden; display: inline-block; margin-top: 4em; }
a.logo { background:url(../img/logo.png) no-repeat; width:400px; height:274px; display: block; margin:20px 0;}

@media all and (max-width: 500px) {
  #main { margin-top: 1em; }
  a.logo { width: 250px; height: 171px; background-size: cover; margin: 30px auto; }
}