* {  box-sizing: border-box;}
html {  font-family: Helvetica, Arial, sans-serif;  line-height: 1.3em;  font-size: 1.1em;  color: #333;  min-width: 400px;}
body {  max-width: 80%;  margin: 0 auto;  padding-top: 30px;}

.navMenu ul {  list-style-type: none;  padding: 0;}
.navMenu ul li {  margin-top: 10px;}
.navMenu ul li a {  text-decoration: none;  color: steelblue;}
.navMenu {  width:90%}
.contentArea {  width: 90%;}
.contentArea h1 {  color: steelblue;}
.contentArea h1:nth-child(n+2) {  padding-top: 40px;}

@media screen and (min-width: 800px) {
    .navMenu {      position: fixed;      float: left;      width:30%;      height: 100%;    }
    .contentArea {      float: right;      width: 66%;    }
    .contentArea h1:nth-child(n+2) {      padding-top: 40px;    }
}
@media screen and (max-width: 800px) {    .contentArea h1 {    padding-top: 40px;  }    .navMenu ul {    list-style-type: none;    padding: 0;  }
  .navMenu ul li {    margin-top: 10px;    display: inline-block;    padding: 5px;  }}