html, body {
    font-family: Geneva, Arial, Helvetica, sans-serif;

  background-color: white;
  color           : black;
  margin: 1em;
}

header p { text-align: center; }

p { font-size: 10px; }
a {
   color: #990000;
   text-decoration: none;
}

a:hover {
   color: #FFFFFF;
   background-color: #990000;
}

em {
   font-style: normal;
   text-decoration: underline;
}

section, aside {
  margin: 1em;
}

img {
  display: block;
}
	

@media (min-width: 800px) {
  
  p { font-size: 12px; }
    
  img {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }

  section {
    float : right;
    width : 65%;
    margin: 0;
    /* proper float of aside */
  }

  aside {
    float: left;
    width: 25%;
    margin: 0;
  }

}

@media (min-width: 1440px) {
  
  p { font-size: 16px; }
  
  img {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
  } 

  section, aside {
    margin: 2em;
  }

}