/* ==========================================================================
   960px - 12 columns - 20px gutter 
   ========================================================================== */
body{background-color:#f7363e;color:#FFE1E3;font-weight:lighter; font-size:14px;}
img#logo{width:80%; max-width:300px; margin-top:40px;}
img.qrcode{width:90px; border-radius:2px;}
h2{font-size:35px;padding:0;color:#FFF9F9;}
p{line-height: 170%;padding:0;}
#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;}
}