#subsection-title { left: 75px; }
#masthead { background: #d9b9a4; }
#body { background: rgb(20, 30, 40); padding-bottom: 30px; }
#page { background: #f3efeb; }
#nav-wrapper {
  background: url('../images/mmbg-museum-links.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: 15px; }
#nav a { color: #ccc; font-variant: small-caps; }
#nav a:hover { color: #fff; }
#museum-links { display: none }
#museum-links a:hover,
#museum-links-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; font-size: 11px; }
#footer { margin-top: 2em; }
.subtitle { font-weight: normal; font-size: 11pt; }
p { font-family: Arial, sans-serif; font-size: .8em; margin-right: 35px; }
#museum-links-no-js div,
#museum-links div { float: left; margin: 21px; width: 350px; }
.museum-links-right {
  font-weight: bold;
  font-style: italic;
  font-family: Arial, sans-serif;
  font-size: 1.05em;
}
img { border: none; margin-left: auto; margin-right: auto; }
#explanation { font-size: 1em; margin: 20px }
/* #nav-wrapper { height: 110px; } */
#picker { padding-left: 20px; }
#categories {
  font-family: Arial, sans-serif;
  background: #F3EFEB;
}
#museum-links > div p {
  margin-right: 0;
}
#museum-links > div a {
  font-size: 1rem;
  font-family: Arial, sans-serif;
  margin: 0;
  color: #7C676C;
}
@media only screen and (max-width: 799px) {
  #body { padding-bottom: 0; }
  #explanation {
    font-size: 1em;
    border: 3px #8ca2ac solid;
    padding: 1em;
    margin: 1em;
  }
  #picker { padding: 0; text-align: center; }
  #museum-links {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
  }
  #museum-links > div, #museum-links-no-js div {
    xpadding: 1rem 2rem;
    float: none;
    margin: 0;
    width: 100%;
  }
  #museum-links > div p {
    padding: 0 1rem;
  }
  #museum-links div.museum-links-right {
    margin: 1.5rem auto;
    padding: 0;
    width: 75%;
  }
  #museum-links div.museum-links-right,
  #museum-links div.museum-links-right a {
    font-size: 1rem;
    text-align: center;
  }
  #museum-links div.museum-links-right a {
    color: #8ca2ac;
  }
  div.museum-links-right img {
    padding-bottom: 2em;
    width: 20rem;
    height: auto;
  }
}
@media only screen and (max-width: 389px) {
  #museum-links a, #museum-links a:visited {
    font-size: .8em;
  }
  div.museum-links-right img {
    width: 15rem;
  }
}
@media only screen and (max-width: 299px) {
  #museum-links a, #museum-links a:visited {
    font-size: .7em;
  }
  div.museum-links-right img {
    width: 10rem;
  }
}