@media only screen and (max-width: 768px) {
  img.auto {
    Xwidth: 100%;
    height: auto;
  }
background-color: tan;
color: black;
}

table.max600 {
  max-width: 600px;
}

table.max700 {
  max-width: 700px;
}

table.max800 {
  max-width: 800px;
}

table.max1000 {
  max-width: 1000px;
}

.nav2 ul { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; list-style-type: none; overflow: hidden; background-color: #e7e7e8; }
.nav2 li { float: left; }
.nav2 li a { display: block; color: #333; text-align: center; padding: 2px 10px; text-decoration: none; }
.nav2 li a:hover:not(.active) { background-color: #fec62a; }

.nav3 ul { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; list-style-type: none; overflow: hidden; background-color: #ffffff; }
.nav3 li { float: left; }
.nav3 li a { display: block; color: #333; text-align: center; padding: 2px 10px; text-decoration: none; }
.nav3 li a:hover:not(.active) { background-color: #fec62a; }

.container {Xmax-width:768px;display:table;border: 2px solid #222;}
.float_left {float:left;align-items:center;vertical-align: middle;margin:20px;}
.float_right {float:right;align-items:center;vertical-align: middle;margin:20px;}
.nav a {padding: 7px 15px; (narrow dropdown spacing;)}
a.toggleMenu { padding:  00px 50%;background: #fec62a;align:center;width:110%;FONT-SIZE:22px;XLINE-HEIGHT:24px; }
.responsive { width: 100%; height: auto; }
.body_width{max-width:1000px;}
.mobile{display:none;}
.desktop{display:block;}
@media screen and (max-width: 768px) {
  .body_width{max-width:768px;}
  .mobile{display:block;}
  .desktop{display:none;}
}