#head {
  background-color: #9f3728;
}

#head-top {
  color: #ffffff;
}

#head-middle {
  display: flex;
}

@media(max-width:650px) {
  #head-middle {
    padding: 0 16px;
  }

  #head-middle-right {
    display: none;
  }
}

@media print {
  #head {
    background-color: #ffffff;
  }

  #head-middle {
    display: none;
  }
}

@media(min-width:651px) {
  #head-middle {
    padding: 0 48px;
  }

  #head-middle-left+#head-middle-right {
    margin-left: 1.25%;
  }
}

#meta {
  font-weight: 500;
}

@media(min-width:301px) {
  #meta {
    margin: 1em 0;
  }
}


.meta-item {
  font-size: 14px;
}

@media screen {
  body {
    background: #c8c8c8;
  }

  #page {
    background: #ebebeb;
  }

  #ribbon {
    clear: both;
    background: #d2d2d5;
  }

  #ribbon-tab {
    color: #d2d2d5;
  }

  #foot {
    background: #000000;
  }
}

@media(max-width:999px) {
  #drawer-top {
    background: #a04437;
  }

  #drawer-bottom {
    background: #ffffff;
  }
}

@media not print {
  #breadcrumb {
    box-shadow: 0 2px 2px rgba(150,150,150,.5);
  }
}

.meta-item~.meta-item:before {
  content: "|";
  display: inline-block;
  margin: 0 .5em;
}

@media(min-width:1000px) {
  #head-before-middle {
    padding: 0 48px;
  }
}

@media screen and (min-width:651px) {
  #head-top-right {
    color: #ffffff;
  }

  #foot-jovian {
    border-top-color: rgba(255,255,255,.3);
  }

  #ribbon {
    padding: 0 48px;
  }
}

#head-top-left {
  padding-top: 20px;
}