/* Mar.2020, mobile-friendly (using 'viewport' from html) */

a:link {text-decoration:underline; color:#006500}
a:visited {text-decoration:underline; color:#006500}
a:hover {text-decoration:underline; color:#aa0000}
a:active {text-decoration:underline; color:#006500}

h1 {font-size:40px}
h2 {color:#800000}
h3 {color:#708000; font-family:sans-serif; font-style:oblique}
h4 {color:#800000}
p {text-align:justify; margin:.5em 0em}
p.lastmod {color:gray; text-align:center}
table.head {background-color:#d0c870}
table.foot {background-color:#d0c870}
.menupanel {background-color:#eeee99}
.right {text-align:right}
.cen {text-align:center}
tt {font-size:110%}
div#main {width:100%; margin:2px auto}

@media only screen and (min-width:701px) {
	div#main {width:700px; margin:0px auto}  /*iPad & computers */
}
@media only screen and (max-width:470px) {
	h1 {line-height:120%}
	h1 font {line-height:150%; margin:0}
	body {font-size:84%; line-height:150%; font-family:"Georgia",serif}
	p {text-align:left; margin:0em .4em}
	ul {padding-left:1.2em}
	blockquote {margin:5%; padding:0}	
	img    {min-width:30%; max-width:100%}
	h2 img {min-width:30%; max-width: 75%}
	td img {min-width: 0%; max-width:100%}
	p img  {min-width: 0%; max-width:100%}
	pre {font-size:10.5px}
	input[type=submit] {height:1.5rem}
}