/* Reset */
* { margin: 0; padding: 0; }

.container {
  width: calc(100% - 40px);
  margin: 0 auto;
}

/* For the look-and-feel of the demo page */
body{font:300 18px/24px Lato,sans-serif;color:#fff;text-align:center}div.container{background-color:rgba(0,0,0,.6);padding:50px 0;margin-bottom:50px}h1,h2,p,pre{margin-top:20px;margin-bottom:20px}h1,h2{font-size:38px;line-height:48px;letter-spacing:.2em;font-weight:bold 700;text-transform:uppercase}h1{margin-top:75px;margin-bottom:75px}h1 em{display:block;font-family:Lora,serif;font-size:38px;line-height:48px;color:#e5d8ca;letter-spacing:normal;font-weight:700;font-style:italic;text-transform:none}h2{font-size:24px}code{text-align:left;font-size:14px;color:#958d85}.button{font-size:12px;display:block;border:1px solid #e5d8ca;padding:4px;max-width:185px;margin:0 auto;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;color:#fff;transition:all .5s ease-in}.button:hover{color:#e5d8ca;border-color:#fff;background-color:rgba(229,216,202,.1);transition:all .5s ease-out}body {
background-image: url(background-image.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #3d332f;
}