@charset "UTF-8";
#title {  background-image: url("images/title-bg.jpg");}

.inner { max-width:960px;}


.art { padding: 20px 0 40px 0; text-align: left; width: 100%; margin: 0 auto;}
	.art h2 { padding:10px 0; font-size:25px;}
	.art p { padding:10px 0; font-size:16px;}

.motto { padding: 20px 0 40px 0; text-align: left; width: 100%; max-width:780px; margin: 0 auto;}
	.motto h3 { padding:30px 0 0 0; font-size:18px;}
	.motto p {font-size:16px;}


@media all and (min-width:320px) {
	/* 320px+ settings */
	.motto p { padding:10px 0;}
}

@media all and (min-width:640px) {
	/* 640px+ settings */
}

@media all and (min-width:960px) {
	/* 960px+ settings */
	.motto p { padding:10px 0 10px 20px;}
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}