/* best compromise for pages prior to Mar.2020 (having no 'viewport' line), for full & mobile screens */

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:115%}
div#main {width:700px; margin:0em auto}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 only screen and (min--moz-device-pixel-ratio: 2),
 only screen and (-o-device-pixel-ratio: 2), 
 only screen and (min-device-pixel-ratio: 2) {
	body {font-size:11px; line-height:150%; font-family:"Georgia",serif}
	div#main {width:85%}
	h1 {transform:scaleY(1.5); line-height:.7em; padding:.5em;}
	p {text-align:left}
	blockquote {text-align:center; margin:5%; padding:0em}	
	img    {min-width:30%; max-width:150%}
	h2 img {min-width:30%; max-width: 50%}
	td img {min-width: 0%; max-width:100%}
	p img  {min-width: 0%; max-width:100%}	
	ul {padding-left:1.2em}
	table.foot {font-size:1.3rem; line-height:2rem}
	input {width:23%;}
	tt {font-size:98%}
}