hypertext.css

/* Simple css to follow the geometry of franklin-content (see franklin.css) */

header {
  margin-top: 10px;
  position: relative;
  padding-left: 10%;
  padding-right: 10%;
  margin-bottom: 10px; }

/* on wide screens, fix content width to a max value */
@media (min-width: 940px) {
  header {
    /* width: 705px; */
    margin-left: auto;
    margin-right: auto; }
  }

/* on narrow device, reduce margins */
@media (max-width: 480px) {
  header {
    padding-left: 6%;
    padding-right: 6%; }
  }