#masthead { background: #d9b9a4; }
#body { background: rgb(20, 30, 40); padding-bottom: 30px; }
#page { background: #f3efeb; }
#nav-wrapper { background: url("../images/mmbg-custom.jpg") no-repeat;
               position: relative; height: 110px;}
#nav { width: 800px; height: 37px; display: block; border: none; padding: 0 0 0 0; margin: 0; text-align: center }
#nav a, #nav span { font-family: Arial, sans-serif; font-size: .8em; }
#nav a, #nav span { font-family: Arial, sans-serif; font-size: 15px; }
#nav a { color: #ccc; font-variant: small-caps; }
#nav a:hover { color: #fff; }
#custom-dev { display: none }
#custom-dev a:hover,
#custom-dev-no-js a:hover { color: maroon; }
#nav-sub { position: absolute; right: 70px; top: 65px; }
#nav-sub .bar { color: #666; padding: 9px 5px 2px 8px; }
#body #page #nav span.bar { padding: 9px 12px; font-size: 11px; }
#body #page #nav span.bar { padding: 9px; font-size: 11px; }
.prod-desc { margin-left: 220px; }
#footer { margin-top: 2em; }
p { font-family: Arial, sans-serif; font-size: .8em; margin-right: 35px; }
#content { margin: 20px; }
#content h2 { margin: 20px 40px; color: maroon; }
#content strong { color: maroon }
#content p { margin: 20px 40px; }
#content img { border: 2px maroon solid }
#custom-dev-no-js div,
#custom-dev div { float: left; margin: 21px; width: 350px; }
img { border: none; margin-left: auto; margin-right: auto; }
#explanation {
  font-size: 1.1em;
  margin: 20px;
}
#cbjump {
  text-decoration: underline;
  color: blue;
}
#cbjump:hover { color: maroon }
#buddha-prod-link:hover { color: maroon; }
#buddha-prod-link { font-style: italic; }
#glass-art-pieces img { height: 180px; padding: 5px; }
object { width: 640px; height: 385px; }
@media only screen and (max-width: 799px) {
  #body { padding: 0; }
  h2 { font-size: 1.3em; text-align: center; }
  #content {
    margin: 0;
  }
  #content p {
    margin: 1rem;
    font-size: 1em;
  }
  #content p#explanation {
    xfont-size: 1.2em;
    xpadding-top: 1rem;
    xpadding-bottom: 1rem;
  }
  center object { width: 23rem; height: 14rem; }
  #glass-art-pieces img { height: 7rem; }
}
@media only screen and (max-width: 389px) {
  center object { width: 20rem; height: 12rem; }
}
@media only screen and (max-width: 299px) {
  center object { width: 16rem; height: 9.5rem; }
}