html {
    font-family: "Segoe UI", "Raleway", Helvetica, Arial, sans-serif
  }
  
  .header {
    font-family: "Segoe UI", "Raleway", Helvetica, Arial, sans-serif
  }
  
  .content {
      max-width: 850px;
  }

  .header {
    margin: 0;
    color: #333;
    text-align: center;
    padding: 0.5em 2em 0;
    border-bottom: 1px solid #eee;
}
   .header h1 {
       margin: 0.2em 0;
       font-size: 3em;
       font-weight: 300;
   }
    .header h2 {
       font-weight: 300;
       color: #ccc;
       padding: 0;
       margin-top: 0;
   }

/*
The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that
appears on the left side of the page.
*/