/* ==========================================================================
   960px - 12 columns - 20px gutter 
   ========================================================================== */
body{background-color:#D6D1C7;color:#666666; font-size:15px; background-image:url(../images/D6D1C7727246_116.png); background-repeat:repeat;}
img#logo{width:80%; max-width:300px; margin-top:40px;}
img.qrcode{width:90px; border-radius:2px;}
h1{font-size:35px;padding:0;color:#857d6e;}
p{line-height: 170%;padding:0;}
#copyright{text-align: center;padding:20px 0px;font-size: 12px;}
a:link, a:active, a:visited{color:#857d6e;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:50%; max-width:200px;margin-top:40px;}
h1{text-align:center;}
}