/* ==========================================================================
   960px - 12 columns - 20px gutter 
   ========================================================================== */
body{background-color:#000;color:#FFF; font-size:14px; background-image:url(../images/bg_star.png)}
img#logo{width:80%; max-width:300px; margin-top:40px;}
img.qrcode{width:90px; border-radius:2px;}
h2{font-size:35px;padding:0;color:#FFF;}
p{line-height: 170%;padding:0x;}
#copyright{text-align: center;padding:20px 0px;font-size: 12px;}
a:link, a:active, a:visited{color:#FFF;text-decoration:none;}
a:hover{text-decoration:underline;}
.announcement{font-size:11px; color:#FF6;}

/* ==========================================================================
   768px - 12 columns - 20px gutter 
   ========================================================================== */

@media (min-width: 768px) and (max-width: 959px) {
img#logo{width:80%; max-width:300px;margin-top:40px;}
}
   
/* ==========================================================================
   Mobile 
   ========================================================================== */

@media only screen and (max-width: 767px) {
.group{margin:10px;}	
img#logo{width:80%; max-width:300px;margin-top:0px;}
}