/* null margins and padding to give good cross-browser baseline */
html,body,div,p,
h1,h2,h3,h4,
picture,figure,figcaption,
main,section,footer,header,hgroup,
nav,aside,article {
 margin:0;
 padding:0;
}

body {
 font:normal 0.9em/1.5 arial,helvetica,sans-serif;
 background:#DBF0D0;
}

body,
a,
a:visited,
a:hover {
 color:#2E5624;
}

h1 {
 font:bold 2em/1.25 helvetica,arial,sans-serif;
 text-transform:uppercase;
 padding-bottom:0.25em;
}

h2,
h3 {
 padding-bottom:0.5em;
}

p {
 padding-bottom:1em;
}

#top {
 max-width:30em;
 margin:0 auto;
 text-align:center;
 padding-top:1em;
} 

picture {
 display:block;
}

figure {
 padding-bottom:1em;
}

picture img {
 margin:0 auto;
 max-width:100%;
 height:auto;
 border-radius:1em;
}

footer {
 padding-bottom:2em;
 text-align:center;
}

.email {
 display:block;
 padding-bottom:1em;
}

@media (min-width:50em) {
 h1 {
  font:bold 2.5em/1.25 helvetica,arial,sans-serif;
 }
 #top { 
  max-width:50em;
 }
}