.blue { background:#3498db; color:#fff;}
.blue h3 { background:#fff; color:#3498db; font-size:36px;line-height:100px;margin:10px;padding:2%;position:relative;text-align:center;}

.content { margin:auto;padding:20px;width:600px; }
.content:after {clear:both;content:""; display:table; }

.header{padding:10px 0;}

body,html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#fff; font-family: "Lato","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; height:100%;line-height:1;margin:0;padding:0;text-rendering:optimizeLegibility;width:100%;}

h1{color:#3498db;font-family:Pacifico;font-size:72px;font-weight:400;line-height:1.2;margin:0 auto 10px;text-align:center;}
h1.title{font-size:96px;}
h2{font-family:Pacifico;font-size:36px;margin:20px auto;text-align:center;}

hr{background:#fff;border:0;height:1px;margin:40px 0;}

section{width:100%; position: relative;}

@media (max-width: 768px) {
	.blue h3{font-size:24px;}
	.content{margin:auto;padding:20px 40px;width:auto;}
}