@media screen and (max-width: 420px)
{
	
div.verso, div.recto {
	float: none;
	width: 100% !important;
	page-break-inside: avoid;
}

.toc-chap {
	font-size: 1em;
	line-height: 0.9em;
	margin-left: 1%;
}

.toc-sec {
	font-size: 0.9em;
	margin-left: 3%;
}

.toc-sec2 {
	font-size: 0.8em;
	margin-left: 8%;
}

.h2, .h2a, .h2c {
	margin-top: 0em;
	line-height: 0.9em;
	font-size: 150%;
}

.h2 + .toc-chap {
	margin-top: 0.8em;
}

.h2, .h2c, .sidebart {
	-webkit-hyphens: auto;
	adobe-hyphenate: auto;
	hyphens: auto;
}

.h3 {
	font-size: 125%;
	margin-bottom: 0.2em;
}

.h3 .ent7 {
	font-size: 1.2em;
}

.h4, .h3a {
	margin-top: 0.8em;
	margin-bottom: 0;
	font-size: 110%;
}

.h6 {
	font-size: 0.85em;
}

.poem1 {
	margin-top: 0.7em;
}

.sidebart {
	font-size: 115%;
	margin-bottom: 0;
}

.cap {
	font-size: 0.7em;
	margin-bottom: 0.8em;
	margin-top: -0.5em;
}

.cap1 {
	font-size: 0.7em;
	margin-bottom: 0.8em;
	margin-top: -0.1em;
}

.credits {
	margin-top: 0.5em;
	line-height: 1.1em;
}

.indexmain1 {
	margin-top: 0.6em;
}

div.vertical {
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	padding-top: 0.1em;
}

div.square {
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
	padding-top: 0.1em;
}

div.horizontal {
	padding-top: 0.2em;
}

p.toc-sec + p.noindent, p.toc-chap + p.noindent
{
margin-top: 1em;
}

td.table1, td.table2, td.table100, td.table200, td.table300, td.table500 
{
border-right: none; display: block; width: 95%;
}
table.all2, td.tablei, td.table5
{
display: block;
}

table.all2 {
	padding: 0;
}

td.tablei {
	width: 100%;
}

table.all tr
{
display: block;
}
.table100
{
        background-color: #fcf2d7;
}
.table200
{
        background-color: #fcf2d7;
}
.table300
{
        background-color: #fcf2d7;
}
.table500
{
        background-color: #fcf2d7;
}

p.audio-tour {
	margin-top: 0.3em;
	margin-bottom: 0.2em;
}

span[id^="play"], span[id^="pause"], span[id^="resume"]
{
	display: block;
	margin-bottom: 0.8em;
}
}