@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);*{font-family:Raleway,sans-serif}body,html{margin:0;padding:0;color:#555;width:100%;height:100%}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}.quotebtn{color:#fff;font-weight:700;background:#4295dd;width:90%;padding:8px 0;border-radius:4px;margin:0 auto}.quotebtn:hover{background:#2681d1}body.mobile .header .logo{float:left;font-size:3.7rem;width:200px;padding-left:2px;padding-top:4px}.header,body.mobile .header .links{width:100%}.header{position:fixed;top:0;left:0;height:60px;border-bottom:solid 2px #eee;background-color:#fff;z-index:100}.blogarea,.header .links{height:100%;position:relative}.header .logo{float:left;font-size:4rem;width:250px;padding-left:8px}.header .logo a{color:#555;text-decoration:none}.header .hamburger{float:right;font-size:3rem;padding-right:16px;padding-top:12px;color:#6f6f6f}.header .links{background-color:#fff;float:right;width:300px;display:table;text-align:right}.header .links a{display:table-cell;vertical-align:middle;text-align:center;position:relative}.header .links a.work{width:26%;background-color:#fff;color:#4582ec;text-align:right}.header .links a.blog{width:33%}.blogarea .date,.blogarea .preview,.blogarea .preview .title,.blogarea .social{width:100%;text-align:center}body{background:#eee}.blogarea{padding-top:60px;margin-bottom:16px;background-color:#fff;box-shadow:0 2px 8px #dadada}.blogarea .green{color:#3fad46}.blogarea .red{color:#d9534f}.blogarea .preview{height:50%;min-height:400px;position:relative;background-position:top;background-size:cover;background-color:#eee;background-repeat:no-repeat}.blogarea .preview.center{background-position:center}.blogarea .preview.bottom{background-position:bottom}.blogarea .preview .title{font-size:4rem;color:#414141;text-shadow:1px 2px 3px #dadada;background-color:#fff;position:absolute;bottom:0;left:0;right:0;margin-bottom:0;padding-top:16px}.blogarea .date{color:#6f6f6f}.blogarea .text{padding:8px;width:90%;position:relative;font-size:2rem;margin:0 auto}.blogarea .social{background-color:#000;padding:8px}.blogarea .image,.blogarea .post{width:100%;background-color:#eee;background-size:cover;background-repeat:no-repeat}.blogarea .social li{display:inline;padding:0 16px;font-size:2rem;color:#fff;font-weight:700}.blogarea .social li a{color:#fff}.blogarea .image{height:300px;background-position:top;margin-bottom:8px}.blogarea .post{border-bottom:solid 2px #bbb;transition:.35s opacity linear,.35s border-color linear;position:relative;margin:16px 0 0;height:200px;background-position:center;opacity:.75}.blogarea .post:hover{opacity:1;border-color:#3fad46}.blogarea .post .description,.blogarea .post .text{transition:.35s background-color linear;font-size:3rem;position:absolute;left:0;background-color:#000;width:auto;padding:8px;color:#fff}.blogarea .post .description{font-size:2rem;bottom:0;right:0;left:auto;background-color:#bbb}