.contents_chapter_section {
	font-family: 'Alegreya', Georgia, "Times New Roman", Times, serif;
	font-weight: 800; color: #000; font-size: 24px;
	display:inline-block;
	margin-bottom: 3px;
}

.contents_center { margin-left:auto; margin-right:auto; }

.contents_book { background-color: #eee; padding: 5px; margin: 10px 0px; }

.contents_chapter { margin: 10px; padding: 10px; min-height: 110px;
	background: white; border: 2px solid #ddd; text-align: left; }

.second_column { }

.contents_column { display: inline-block; padding: 0px; margin: 0px;
	width: 400px; vertical-align: top; overflow: visible; }

.contents_icon {
	margin: 5px 5px 5px 15px; padding: 0px;	float: right;
	display: inline-block; border: none; width:100px; height: auto;
}

.chapter_heading { line-height: 70% }

/* cut here for sanity */


@media screen and (max-width: 1000px) {
.contents_column {
	display: block;
	}

.second_column {
	margin-top: 0px;
	}
	
}

@media screen and (max-width: 600px) {
	.nav_subsection { display: none}

	.contents_column{ width: auto; min-width: 200px; }
	
	.contents_chapter{ vertical-align: center; min-height: 17vw; }
	
/*	.alone{	margin-top:5vw; }*/
	
	.contents_icon{ width: 15.5vw; }

	div.contents_chapter > div.contents_chapter_section {display:table; max-width:45vw;}
}

@media screen and (max-width: 500px) {
	.contents_center {width:100%;}
	
	.contents_chapter{ min-height: 90px; }

	.contents_icon{ width: 75px; }
	.bodyBlock {padding:2vw;}
}

@media screen and (max-width: 400px) {
	.contents_chapter_section {font-size:6vw;}

	.ref_text {font-size:.8em;}

}