html, body { padding: 0; margin: 0; background: #CDCDCD url(images/mainBG.jpg); font: 10pt Arial, sans-serif; }
h2 { font-size: 15pt; }

#wrapper { margin: 0 auto; width: 980px; }

ul {}
ul li { padding: 20px; margin-bottom: 10px; background: #FFF; }

@media only screen and (max-device-width: 640px)
	{
		html, body { font-size: 20pt; }
		h2 { font-size: 30pt; }
		#wrapper { padding: 10px; margin: 0 auto; width: 960px; }
		
		ul {}
		ul li { padding: 20px; margin-bottom: 10px; background: #333; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #FFF; }
		ul li p { margin-bottom: 20pt; text-shadow: #000 1px 1px 2px; }
		ul li a { display: block; padding: 20pt; background: #00a8ff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; text-shadow: #000 1px 1px 2px; text-decoration: none; font-size: 28pt; color: #FFF; }
	}