#masthead { background: #d9b9a4; }
#body { background: rgb(20, 30, 40); }
#page { background: #f3efeb; }
#nav-wrapper { background: url("../images/mmbg-catalog-20160216.png") 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, #navsel { font-variant: small-caps; }
#nav a { color: #ccc; }
#nav a:hover, #navsel { color: #fff; }
#nav a:link#navsel, #nav a:visited#navsel, #nav a:hover#navsel,
#nav a:active#navsel { color: #fff; }
#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; font-size: 11px; }
#wholesaler-links { top: -70px }
#footer { margin-top: 2em; }
#products { height: 1%; }
#products a, #products-bottom a { color: #666; }
#products a:hover, #products-bottom a:hover { color: maroon; }
p { font-family: Arial, sans-serif; }
.catalog-half { float: left; }
.menu-column { padding-left: 50px; padding-top: 10px; }
.menu-items { float: left; width: 175px; }
#catalog-left, #catalog-left-bottom { width: 400px; }
.menu-items p { font-size: 14pt; font-weight: normal; padding-bottom: 10px; }
#products-bottom { clear: both; }
#catalog-bottom-img { border: none; }
#subsection { height: 220px; }
#wholesaler-links { left: 275px; }
#bunny { padding-bottom: 30px; margin-top: 25px; margin-left: -20px; }
#glass-art-catalog { padding-top: 60px; }
#custom-art-catalog { padding-top: 30px; }
#white-house-lights { margin-left: -50px; margin-top: 35px; width: 150px; }
#products-bottom { height: 1%; margin-left: 200px; }
#trays-and-tableaux { padding-left: 20px; }
#tableaux { padding-top: 20px; }
#glass-tree { padding-bottom: 30px; margin-top: 0px; margin-left: -20px; }
.mobile-subtitle { display: none; }

@media only screen and (max-width: 799px) {
  .menu-items { float: none; }
  .menu-items br, #catalog-bottom-img { display: none; }
  .mobile-subtitle {
    display: block;
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 1em;
    color: maroon;
  }
  .catalog-half { float: none; align-self: center; margin-bottom: 1rem; }
  #catalog-left, #catalog-left-bottom { width: 100%; }
  .menu-column { padding: 0; display: flex; flex-direction: row; }
  #catalog-left .menu-items { width: 55%; text-align: right; margin-left: 1rem; }
  #catalog-right .menu-items { order: 1; width: 75%; margin-left: 1rem; margin-top: 1rem; }
  #custom-art-catalog { margin-top: 1rem; padding-top: 0; }
  .menu-items p { font-size: 1em; }
  #subsection {
    width: 100%;
    margin: auto;
  }
  #products, #products-bottom { width: 100%; }
  #products-bottom { margin: 0; height: auto; }
  #subsection, #products {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  #trays-and-tableaux .menu-items { width: 13rem; margin-left: -1rem; }
  #trays-and-tableaux .menu-items p { text-align: right; }
  #tableaux { padding-top: 2.5rem; }
  #bunny { margin-top: 1rem; margin-left: .5rem; width: auto; height: 15rem; }
  #white-house-lights { width: auto; height: 12rem; margin-left: .5rem; margin-top: 0; }
  #glass-tree { margin: 0 0 0 1rem; height: 8rem; width: auto; }
}
@media only screen and (max-width: 389px) {
  h2.mobile-subtitle {
    font-size: 1.2em;
  }
  .menu-items p {
    font-size: .9em;
  }
  #catalog-left .menu-items {
    width: 50%;
  }
  #bunny {
    height: 13rem;
  }
  #white-house-lights {
    height: 10rem;
  }
  #glass-art-catalog {
    padding-top: 2rem;
  }
  #glass-tree {
    height: 5rem;
  }
  #trays-and-tableaux .menu-items {
    width: 11rem;
  }
  #tableaux {
    padding-top: .8rem;
  }
}
@media only screen and (max-width: 299px) {
  h2.mobile-subtitle {
    font-size: 1em;
  }
  .menu-items p {
    font-size: .8em;
  }
  #bunny {
    height: 11rem;
  }
  #white-house-lights {
    height: 8rem;
  }
  #glass-art-catalog {
    padding-top: 1.5rem;
  }
  #glass-tree {
    height: 4rem;
  }
  #trays-and-tableaux .menu-items {
    width: 10rem;
    margin-left: -.5rem;
  }
  #tableaux {
    padding-top: 1rem;
  }
}