body {
  background: url('./footer-backing.jpg') bottom right no-repeat, url('./header-backing.jpg') top left no-repeat; 
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
  font-weight: bold;  
}

@media screen and (max-width: 600px) {
  h1 {
    margin-top: 3em;
    font-size: 1.4em;
    margin-bottom: 0.1em;
  }
}

@media screen and (min-width:601px) {
  h1 {
    margin-top: 266px;
    font-size: 1.6em;
    margin-bottom: 0.1em;
  }
}

@media screen and (max-width: 600px) {
  h2 {
    font-size: 1em;
    margin-top: 0.1em;
    margin-bottom: 0.1em;  
    padding-top:0.1em; 
  }
}

@media screen and (min-width:601px) {
  h2 {
    font-size: 1.2em;
    margin-top: 0.1em;
    margin-bottom: 0.1em;  
    padding-top:0.1em; 
  }
}

@media screen and (max-width: 600px) {
  .content {
    width: 99%;
    padding-left: 1%;
    font-size: 1em; 
    line-height: 1.1em;
  }
}

@media screen and (min-width:601px) {
  .content {
    width: 85%;
    padding-left: 15%;
    font-size: 1.3em; 
    line-height: 1.3em;
  }
}

.section {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.footer {
  margin-top: 200px;
}