html, body, p, li, h1, h2, h3 { margin: 0; padding: 0; }
a { text-decoration: none; }
pre { overflow: auto; }

html, body {
	color: #666;
	font: 16px/24px sans-serif;
}
.wrap { margin: 150px auto; width: 1140px; }



#content { margin-top: 100px; }
#content h2 { color: #333; font: bold italic 24px serif; margin: 10px 0; }
#content h3 { margin: 10px 0; }
#content p { margin: 10px 0 20px 0; }



@media screen and (max-width: 1200px) {
	.wrap { width: 600px; }
}
@media screen and (max-width: 768px) {
	.wrap { width: 400px; }
}
@media screen and (max-width: 320px) {
	.wrap { padding: 0 5%; width: 90%; }
	#logo a { font-size: 24px; }
}