html { font-size:16px; }
h1 { color: green; }

html, body { margin: 0; border: 0; padding: 0; }
body       { height: 100%; font-size:1rem; background-color: #ffffff; line-height:1.2; }
a          { text-decoration: none; }
img        { margin: 0; border: 0; padding: 0; outline:0 none 0; } /* vertical-align: baseline; } */

form { margin: 0px; padding: 0px; }
h1   { font-size: 2rem; font-weight: bold; margin-top: 2rem; margin-bottom: 1rem;
       text-decoration: underline; }
h2   { font-size: 1.5rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: 1rem; }
h3   { font-size: 1rem; margin: 2px; }

.mbp0 { margin:0; border: 0; padding:0; }
.s1 img { height: 1rem; width: auto; }
.s2 img { height: 2rem; width: auto; }
.s3 img { height: 3rem; width: auto; }
.s4 img { height: 4rem; width: auto; }
.s5 img { height: 5rem; width: auto; }
.s6 img { height: 6rem; width: auto; }
 
body, th, td, input, textarea, select {
    font-family: Arial, Helvetica, sans-serif; font-size: 1rem; color: #000000; }
p, blockquote, ul, ol, dl { margin-top: 0px; margin-bottom: 1rem; }

.code  { font-family: Courier; margin-left: 1rem;}
.small { font-size: 0.7rem; }
.align-justify { text-align: justify; }
table  { margin-bottom: 1rem; }
tr     { vertical-align: top; }
td     { vertical-align: top; }
table.top { margin-bottom: 0px; }
thead  { background-color: lightblue; }

.container	{ margin: 0px auto; border: 1px solid blue; padding: 1rem; width:auto; }
.wb			{ border: 1px solid white; }

/* margin: t r b l;  OR  margin: tb rl;*/

#PageNav {
    width: 100%;
    float: left;
    border: solid 1px blue;
    text-align: center;
}
/* #PageNav img { width: 1.5rem; height:auto; } */

.box1 { margin:0; border:0px solid red; padding: 0.5rem; width: 8%; height:2rem; display:inline-block; vertical-align:middle; }
.box3 { margin:0; border:0px solid red; padding: 0.5rem; width:24%; height:2rem; display:inline-block; vertical-align:middle; }
.big  { font-size:1.6rem; }

.L { float:left; }
.R { float:right; }
.nl { clear: both; }

#PageNav .box1 img { height:100%; width:auto; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	html { font-size:18px; }
	.container { width:710px; }	/* must be < min-width-2rem-2px */
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	html { font-size:20px; }
	.container { width:930px; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	html { font-size: 24px; }
	.container { width:1130px; }
}