* {
  font-family: Arial, sans-serif;
  padding: 0;
  margin: 0;
  border: none;
}
body { background: rgb(20, 30, 40); }
img { display: block; }
a {
  text-decoration: none;
  color: #7c676c;
}
a:hover { color: maroon; }
#page {
  width: 800px;
  margin: 38px auto;
  background: #f3efeb;
}
#nav { height: 110px; }
#nav { text-align: center; }
#xtop-menu li {
  list-style-type: none;
  display: inline;
}
#nav a {
  color: #ccc;
  font-variant: small-caps;
  font-size: .8em;
  font-family: Arial, sans-serif;
}
#nav a:hover { color: #fff; }
#nav .bar {
  color: white;
  font-size: .8em;
  padding: 9px;
}
#sub-menu {
  float: right;
  margin: -3rem 25px 0 0;
}
#sub-menu .bar { padding: 9px 7px 2px 7px; color: black; }
#main { clear: both; }
#section-title {
  float: left;
  font-size: 40px;
  color: maroon;
  letter-spacing: 1px;
  margin-left: 100px;
}
#section-title {
  font-family: Verdana, Helvitica, Arial, sans-serif;
}
#wholesaler-links {
  float: right;
  margin: 17px 50px 0 0;
}
#wholesaler-links a {
  font-size: 9pt;
  font-weight: bold;
}
#mm-extra {
  margin: 20px 90px 0px 90px;
  border-top: 1px maroon solid;
  border-bottom: 1px maroon solid;
  padding: 10px 0;
  font-size: .9em;
  font-style: italic;
  clear: both;
  float: left;
  font-family: Arial, sans-serif;
}
#mm-extra a { color: #a52a2a; } /* brown */
#glass-extra {
  margin-left: 78px;
  padding-bottom: 25px;
  clear: both;
}
#glass-desc img { float: left; }
#glass-desc p {
  font-size: .9em;
  font-style: normal;
  margin-left: 160px;
  color: black;
  margin-right: 75px;
}
#size-alert {
  font-size: .8em;
  font-style: italic;
  color: black;
  margin-top: -10px;
  padding-bottom: 20px;
}

#products {
  clear: both;
  padding-top: 20px;
}
.product {
  clear: both;
  margin-right: 85px;
}
.product p.item-name { font-weight: bold; font-size: 12pt; font-style: italic; color: maroon; }
.product a { float: left; margin-left: 40px; }
.product p a { float: none; margin-left: 0; }
.product p.subtitle { font-weight: normal; font-size: 11pt; font-style: italic; color: maroon; }
/*
#footer { background: url("/images/mm-bottom.jpg") repeat-y; height: 52px; width: 800px; clear: left; }
#footer { text-align: center; }
#footer a { color: black; text-decoration: none; font-size: 10px; }
#footer a:hover, #footer .bar { color: white }
#footer li { list-style-type: none; display: inline; font-family: sans-serif; font-size: 10px; }
#footer li { line-height: 52px; }
*/
#custom-extra { margin: 30px 80px 5px 90px; clear: both; }
#mobile-submenu, .mobile-product-name, .mobile-subtitle, #page-switch { display: none; }
@media only screen and (max-width: 799px) {
  #sub-menu, .xsubtitle, xp.item-name { display: none; }
  #page { width: 100%; margin: 0; }
  #section-title {
    float: none;
    text-align: center;
    margin-left: 0;
    font-size: 1.5em;
  }
  #mobile-submenu {
    display: block;
    font-size: 1em;
    margin: 1rem auto;
    background-color: #F3EFEB
  }
  #mm-extra {
    float: none;
    width: 90%;
    margin: 1.5rem auto;
    font-size: 1em;
  }
  #custom-extra {
    margin: 0 auto 1.5rem;
    width: 90%;
  }
  .product {
    display: flex;
    flex-direction: column;
    margin-right: 0;
    align-items: center
  }
  .xmobile-product-name {
    display: block;
    text-align: center;
  }
  .product a.prod-img {
    float: none;
    xtext-align: center;
    margin: 0 !important;
  }
  .prod-desc {
    width: 90%;
    margin: 1rem auto 2rem !important;
    padding: 0 !important;
  }
  #page-switch {
    display: block;
    text-align: center;
    font-size: .9em;
    margin-top: 1rem;
  }
  #mobile-logo img { display: inline; }
}