html {
   background-color: #f0f0f0;
   background-image: url("/img/bg.png");
   background-size: 50rem;
   text-align: center;
}

body {
   margin: 0;
   font-family: "Roboto Condensed", sans-serif;
}

body > h1 {
   font-weight: normal;
   font-size: 5em;
   color: #129e12;
   background-color: #fff;
   background-image: url("/img/bg.png");
   background-position: 1em 3em;
   background-size: 50rem;
   box-shadow: 4px 4px 2px #ccc;
}

body > h2 {
   font-weight: normal;
   font-size: 2.5em;
   color: #888;
}

body > img {
   margin: 1.8em;
}

@media (max-width: 40em) {
   body > h1 { font-size: 4em; }
   body > h2 { font-size: 2em; }
   body > img { margin: 1.2em; }
}

@media (max-width: 25em) {
   body > h1 {
      margin-top: 0;
      font-size: 3.5em;
   }
}