* {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
	user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-webkit-user-drag:none;
-khtml-user-select:none;
-khtml-user-drag:none;
width:100%;
height:auto;
background-size:100%;
background-attachment:fixed;
background:#fff;

}

#wrapper { width:96%; height:auto; padding:20px 0; max-width:650px; margin:0 auto;}

h1 {font-size:16px; padding-bottom:10px;}

@media only screen and (min-width:586px) {

	ul { width:650px; padding:0 0 10px 0; font-size:0; line-height:0; }
	ul li { display:inline-block;  padding:0 5px 10px 5px; }
	ul li a { display:block; padding:1px; border:1px solid #8C8C8C; }
}
@media only screen and (max-width:585px) {
	
	ul { padding:0 0 10px 0; font-size:0; line-height:0; }
	ul li { display:inline-block;  padding:0 5px 10px 5px; }
	ul li a { display:block; padding:1px; border:1px solid #8C8C8C; }
}