html, body {
 margin: 0;
 padding: 0;
 background-attachment: fixed;
 background-position: 50% 50%;
 background-size: cover;
}
a {
 text-decoration: underline;
}
a:hover {
 text-decoration: none;
}

.body {
 max-width: 800px;
 margin: 0 auto;
 padding: 40px;
 box-sizing: content-box;
 -moz-box-sizing: content-box;
}
.body-s {
 max-width: 400px;
}
.modal {
 padding: 25px 30px;
 background: rgba(255,255,255,0.9);
 font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
 color: #666;
}
.modal a {
 color: #2da5da;
}

.sectionHeader {
	display: block;
	padding: 15px 30px 25px;
	border-top: 1px solid rgba(0,0,0,.1);
	background: rgba(248,248,248,.9);
}

@media screen and (max-width: 600px) {
 .body {
  padding: 20px;
 }



}