@import url(fonts.css);@import url(reset.css);@import url(syntax.css);*,*:before,*:after{box-sizing:border-box}.sr-only{left:-999em;position:absolute}html{font-size:18px}@media (max-width: 1024px){html{font-size:15px}}@media (max-width: 720px){html{font-size:14px}}@media (max-width: 480px){html{font-size:13px}}html.no-js{background-color:#cd0000}body{background-color:#ECE5D3;color:#231F20;font-family:'Open Sans', Helvetica, sans-serif}h1{font-size:48px}@media (max-width: 720px){h1{font-size:36px}}@media (max-width: 480px){h1{font-size:24px}}h2{font-size:36px;margin-bottom:1em;margin-top:1em}@media (max-width: 720px){h2{font-size:24px}}h3{font-size:24px}@media (max-width: 720px){h3{font-size:18px}}h1,h2,h3{font-family:'Raleway', Helvetica, sans-serif;font-weight:700;text-transform:uppercase}p,ul{font-size:18px;line-height:2em;margin-bottom:1em;margin-top:1em}@media (max-width: 1200px){p,ul{font-size:17px}}@media (max-width: 1024px){p,ul{font-size:16px}}@media (max-width: 720px){p,ul{font-size:15px}}@media (max-width: 480px){p,ul{font-size:14px}}pre{color:#FFFFFF;padding:2em}a{color:#231F20;font-weight:300}a:hover{color:#01AD99}blockquote{border-left:6px solid #231F20;font-style:italic;margin-left:-26px;margin-top:-1px;margin:45px 0;padding-bottom:3px;padding-left:20px}time{font-size:14px;text-transform:uppercase}@media (max-width: 1200px){time{font-size:11px}}#content{padding-bottom:40px}@media (max-width: 480px){.title{margin-top:2em}}.subtitle{font-size:1.2em;line-height:1.8}h3{margin-top:1.5em}h3:first-of-type{margin-top:2em}img{width:100%}img.profile{clear:both;float:right;padding-left:15px;padding-right:15px;width:300px}@media (max-width: 720px){img.profile{width:200px}}.container,footer{display:block;margin:auto;max-width:720px}@media (max-width: 1200px){.container,footer{padding-left:25px;padding-right:25px}}footer .social{float:left}footer .social li{padding-top:10px}footer .social li:first-of-type{padding-top:0}footer .contact{float:right}@media (max-width: 720px){footer .contact{width:70%}}header[role="banner"]{padding-top:25px;position:relative}header[role="banner"] h1{display:inline}header[role="banner"] h1 a{font-weight:700;text-decoration:none}header[role="banner"] h1 img{position:relative;top:6px;width:50px}@media (max-width: 480px){header[role="banner"] h1 img{width:30px}}.skipnav{background:#ECE5D3;border-bottom:2px solid #231F20;border-right:2px solid #231F20;left:0;padding:1rem 1.5rem;position:absolute;top:-4.2rem;transition:all 0.2s ease-in-out;z-index:100}.skipnav:focus{left:0;outline:0;position:absolute;top:0;transition:all 0.2s ease-in-out}nav{font-family:'Raleway', Helvetica, sans-serif;font-weight:300}nav li{display:inline-block;font-weight:700;margin-left:8px}@media (max-width: 1024px){nav li{display:block}}@media (max-width: 1024px){.menu_mobile nav{height:100%;left:110%;position:fixed;width:108%}}.menu_mobile .menu-btn{display:none;float:right}.menu_mobile .menu-btn:after{content:'MENU'}@media (max-width: 1024px){.menu_mobile .menu-btn{display:block;margin-top:15px}}@media (max-width: 480px){.menu_mobile .menu-btn{margin-top:5px}}#overlay{height:100%;left:100%;position:fixed;width:100%}.menu--active nav{float:none;padding-top:50px}.menu--active nav li{display:block;font-size:28px;font-weight:700;text-align:center;margin-bottom:10px}.menu--active nav a:hover{color:#231F20;font-weight:700}.menu--active .menu-btn:after{content:'X'}.button,.menu_mobile .menu-btn{border:3px solid #231F20;color:#231F20;cursor:pointer;font-weight:700;min-width:80px;padding:1em;text-align:center;text-decoration:none;text-transform:uppercase}.button:hover,.menu_mobile .menu-btn:hover{background-color:#01AD99;color:#231F20}@media (max-width: 720px){.button,.menu_mobile .menu-btn{border:2px solid #231F20;font-size:10px;min-width:60px}}#home #content{padding-top:20px}@media (max-width: 1024px){#home #content{padding-top:30px}}#home #content p{margin-top:1em;font-size:20px}@media (max-width: 720px){#home #content p{font-size:18px}}.post header{padding-bottom:20px}@media (max-width: 1024px){.post header{padding-top:20px}}.post header>h2{margin-bottom:0}.post h3:first-of-type{margin-top:1.5em}.post ul{list-style:disc}.post ol{list-style:decimal}.post li{line-height:1.5;margin:2em}#fourofour{background:url("/assets/images/fourofour.jpg") no-repeat center center fixed;-webkit-background-size:cover;background-size:cover}#fourofour #content{background:#FFFFFF;margin:0 auto;opacity:0.9;padding:50px 40px;position:relative;top:100px;width:50%}@media (max-width: 1024px){#fourofour #content{padding:40px 30px;width:70%}}