#body { background: rgb(20,30,40); }
#page { background: #f3efeb; }
#masthead { background: #d9b9a4; }
#nav-wrapper { background: url('../images/about-us-2.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; }
#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; }
#memorial-lights, #degas, #payload { float: left; }
#payload { width: 400px; margin-left: -3px; margin-bottom: 20px; }
#middle { margin-top: 10px; }
#memorial-lights { margin-top: 2px; height: 200px; padding: 20px; }
#payload p, #payload li { font-size: 10pt; font-family: Arial, sans-serif; }
#payload p { margin-top: 1em; }
#payload ul { margin-left: 25px; margin-top: 10px; }
#payload li { padding-bottom: 5px; }
#doug-div { display: inline; float: left; margin-right: 9px; font-size: .8em; }
#doug { border: brown 3px solid; }
p { font-family: Arial, sans-serif; font-size: .8em; margin-right: 5px; }
#p1 { font-family: Arial, sans-serif; font-size: .8em; }
img { border: none; margin-left: auto; margin-right: auto; }

#mobile-body { display: none; }

@media only screen and (max-width: 799px) {
  #middle { display: none; }
  #mobile-body { display: block; }
  #mobile-lead, #launch {
    display: flex;
    justify-content: space-between;
    padding: 0 1rem 1rem;
  }
  #launch > * { align-self: center; }
  #launch img { padding-right: 1rem; height: 10rem; width: auto; }
  #mobile-lead div {
    align-self: center;
    width: 10rem;
    text-align: center;
    font-size: 1rem;
    font-family: Arial, sans-serif;
  }
  #mobile-lead img { width: 8rem; margin-top: 1rem; }
  #mobile-lead p { flex: 1; align-self: center; margin: 0; }
  #mobile-body p {
    font-size: 1em;
    font-family: Arial, sans-serif;
    padding: .5rem;
  }
  #launch {
    margin-top: 0;
  }
  #mobile-features {
    margin-top: 0;
  }
  #mobile-body ul li {
    font-size: 1em;
    font-family: Arial, sans-serif;
    margin: .5rem .5rem .25rem 4rem;
  }
}
@media only screen and (max-width: 389px) {
  #mobile-lead div { width: 6.5rem; }
  #mobile-lead div img { width: 6rem; height: auto; }
  #mobile-lead div { font-size: .8em; }
  #mobile-body p { font-size: .8em; }
  #mobile-body ul li { font-size: .8em; margin-left: 2rem; }
}
@media only screen and (max-width: 299px) {
  #mobile-lead div { width: 5.5rem; }
  #mobile-lead div img { width: 5rem; height: auto; }
  #mobile-lead div { font-size: .7em; }
  #mobile-body p { font-size: .7em; }
  #mobile-body ul li { font-size: .7em; }
}