* {
  margin:0;
  padding:0;
}
body {
  font-size:62.5%;
  background:#39754e;
  color:white;
  font-family: Helvetica;
  text-align: center;
}
.content {
  max-width: 960px;
  margin:0 auto;
  font-size:2.5em;
}

h1 {
  text-align: center;
  margin: 0.25em auto;
}

p {
  text-align: left;
}

li {
  text-align: left;
}
header, 
nav,
footer {

  border-radius: .5em;
  margin: 0.5em auto;
  
  padding: 0.25em;
  text-align: center;
}
#content {
  margin: 0 auto;
  
  padding: 0;
  text-align: center;
}
#principal,
aside {

  border-radius: .5em;
  display: inline-block;
  margin: 0 auto;
  min-height: 200px;
  padding: .25em 0;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
article {

  border-radius: .5em;
  min-height: 140px;
  padding: .25em;
  margin:0 1em;
}
aside {
  margin-top:0.5em;
}

/* MEDIA QUERY */
@media screen and (min-width: 44em) {
  h1 {
    font-size:5em;
  }
  #principal {
    width: 70%;
  }
  aside {
    width: 29%;
    margin-top:0;
  }
}