html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:sans-serif;background:#fff url(images/bg.png);color:#224}*{text-align:center;border:0;outline:none}header{position:relative;border-radius:15px;width:80%;margin:auto;padding:5%;vertical-align:middle;overflow:hidden;text-shadow:0 0 10px #fff}footer{position:absolute;width:90%;text-align:right;color:#666;font-size:12px;bottom:30px;margin:0;left:-45%;margin-left:50%}h1{margin:0;letter-spacing:5px}footer a img{float:left;margin-right:10px;opacity:.7}footer a:hover img{opacity:1}br{display:none}@media screen and (max-width: 370px){body{font-size:14px}footer{text-align:center}footer *{float:none!important}br{line-height:25px;display:block}header > img{width:70%;margin-top:10%;margin-bottom:15px}h1{font-size:200%;letter-spacing:.1em}}@media screen and (max-height: 390px){header > img{height:160px;margin-bottom:15px}footer{position:relative;padding-top:25px}}