@charset "UTF-8";

.art { text-align: left;}
	.art h2 { padding:20px 0; font-size: 22px;}
	.art h3 { display: flex; padding:30px 0 0 0; font-size:16px; counter-increment:cnt-h3;}
		.art h3:before {white-space: nowrap; padding-right: 1em; content:counter(cnt-h3)". ";}
	.art p { padding:10px 0 10px 2em; font-size:16px;}
		.art p:first-of-type { padding-left:0 !important;}
	.art ol { padding:0 0 0 2em; }
		.art ol li{ display: flex; counter-increment: cnt-ol;}
		.art ol li:before{ white-space: nowrap; padding-right: 1em; content: "(" counter(cnt-ol) ")"; }
	.art li { padding:4px 0; font-size:16px;}


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

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

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

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