body{background:#000;font-family:'Roboto'}
h1{color:#c00;font-family:'Oswald';text-shadow: 0 0 3px black;text-transform:uppercase;font-weight:800}
h2{color:#c00;font-family:'Oswald';text-shadow: 0 0 3px black;text-transform:uppercase;font-weight:600}
h3{color:#900;font-family:'Oswald';text-shadow: 0 0 3px black;text-transform:uppercase;font-weight:400}
p{color:#888}

#header{background:url(assets/bg-header.jpg)#000;background-repeat:no-repeat;background-position:bottom;overflow:hidden;display:block;position:relative;padding:100px 20px 20px 20px}
#story{text-align:center;padding:100px 20px 20px 20px}

#info{font-family:'Roboto Condensed';text-align:center;overflow:hidden;display:block;position:relative;padding:50px 20px 20px 20px}
#info::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;z-index:-1;background:url(assets/bg-info.jpg);background-repeat:no-repeat;background-position:top}
#info p{color:#ccc;text-shadow: 0 0 3px black;}

@media screen and (max-width:640px){
#header{background:url(assets/bg-header-2.jpg)#000;background-repeat:no-repeat;background-position:bottom;overflow:hidden;display:block;position:relative;padding:10px 20px 20px 20px}
#story{padding:50px 20px 0px 20px}
}

#teaser{padding:20px}
#teaser iframe{border:1px solid #444}

#shot{padding:20px}
#shot a img,#art a img{border:1px solid #444}
#shot a:hover img,#art a:hover img{border:1px solid #c00}

#art{padding:20px}
#store{padding:20px}

.footer{background:#000;padding:24px 0 10px}

.footer ul.links{margin:0;display:inline-block;padding-bottom:0px}
.footer ul.links li{display:block;float:left;text-transform:uppercase;font-weight:700;font-size:0.75rem}
.footer ul.links li a{color:#666;padding:3px 6px}
.footer ul.links li a:hover{color:#888}

.footer p.copyright{margin:6px 6px 0;font-size:0.75rem;color:#666}
.footer p.copyright a{color:#666;padding:3px 6px}
.footer p.copyright a:hover{color:#888}

.footer ul.social{display:block;float:right;margin-bottom:8px}
.footer ul.social li{list-style:none;display:block;float:left;margin-left:10px}
.footer ul.social li:first-child{margin-left:0}
.footer ul.social li a{background:url(assets/social.png)no-repeat center 0;height:50px;width:50px;display:block}
.footer ul.social li a:hover{opacity:0.8;filter:alpha(opacity=80)}
.footer ul.social li a.twitter{background-position:center 0}
.footer ul.social li a.facebook{background-position:center -200px}
.footer ul.social li a.mail{background-position:center -400px}

.red{color:#c00;font-weight:600}
.center{text-align:center}
.gallery{margin:0;padding:10px}

@media only screen and (max-width:40em){
.footer{text-align:center}
.footer .columns{padding:0}
.footer ul.links{margin:16px 0 10px}
.footer ul.social{float:none;margin:0 0 20px 0;text-align:center;height:44px;display:inline-block}
}