#main {
  width: 85%;
  position: relative;
  left: 10px;
  margin: 0 auto;
  background-color: transparent;
  padding: 10px 0;
  font-size: 16px; /* 1em */
  color: #000000;
  text-decoration: none;
  margin-bottom: 16px; 
}
_nav-bar{background-color:#000;background-image:url("../shared/fontostar.gif");width:80%}
.content{padding:0}
.nav{margin:0;padding:0;list-style:none}
.nav li{display:inline;margin:0;text-align:center;font-size:0.875em /* 14px */}
.nav a{display:block;padding:0.5em 1.25em;color:#fff;text-decoration:none;border-bottom:1px solid gray}
.nav a:link{color:#bbbfff}
.nav a:visited{color:#666699}
.nav a:focus{color:#000;background-color:#ffd700}
.nav a:hover{color:#fff;background-color:#a0a0c0}
.nav a:active{color:#fff;background-color:#181836}
@media (min-width:600px){
.header{padding:1em 5%}
.nav-bar{padding:0.1em 5%}
.nav li{display:inline;margin:0 1.25em 0 0}
.nav a{display:inline;padding:0;border-bottom:0}
.content{overflow:hidden;padding:1em 0 1em}
}
@media all and (max-width: 768px) {
#main { width: 99%; left: 1px; margin-bottom: 30px; margin-top: 60px; padding:0; display: none; }

}
@media all and (min-width: 1280px) {
#main { width: 90%; left: 30px; margin-bottom: 18px; margin-top: 10px; }
 
}