body{
      margin: 0
}
.mainbody{
    margin: auto;
    width: 85%;
    line-height: 1.6;

}

h1{
  margin-top:10px;
  margin-bottom: 5px;
}
h2{
  margin-bottom: 5px
}

h3{
  margin-top:10px;
  margin-bottom: 5px;
}

h4{
  margin-top: 5px;
  padding-top: 7.5px;
  margin-bottom: 0px;
  border-top: 1px solid black;
}
.listbox{
  margin-top: 5px;
  line-height: 1.3;
  font-size: .9em
}
.subtext{
  font-size: .65em;
  line-height: 1.4;
  margin-top: 5px;
}
.narrative{
  margin: auto;
}
.footer{
  clear:both;
}
@media only screen and (min-width: 1000px) {
  .mainbody{
    max-width: 800px
  }
  .narrative{
    float:left;
    width: 70%;
    position:fixed;
    top: 50%;
    transform: translate(0%, -50%);
  }
  .lists{
    width: 30%;
    float: right;
  }
  .footer{
    max-width: 1000px;
    margin: auto
  }
}
@media only screen and (min-width: 555px){
  .footer{
    max-width: 500px;
    margin: auto
  }
  .narrative{
    max-width: 500px;
  }
  .lists{
    max-width: 500px;
    margin: auto;
  }
}