dd,dl,dt,fieldset,form,img,p{border:none;margin:0;padding:0}*{-webkit-text-size-adjust:none}h1,h2,h3,h4{margin:0}body{margin:0;padding:0;font:.625em/1 brandon-grotesque,sans-serif;color:#000}body.popup{overflow:hidden}input:focus{outline:0}::-webkit-input-placeholder{text-transform:uppercase}::-moz-placeholder{text-transform:uppercase}:-ms-input-placeholder{text-transform:uppercase}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}.hide{position:absolute;left:-9999px;height:0;overflow:hidden}.full{width:100%}.full>.sleeve{width:100%;max-width:1200px;min-height:1px;margin:0 auto;padding:0 20px;-moz-box-sizing:border-box;box-sizing:border-box}.full>.sleeve:after{content:".";clear:both;display:block;visibility:hidden;height:0}header.masthead{background:#F6F6F6;padding:119px 0 0}header.masthead>.sleeve{position:relative;min-height:420px}#who h1{font-size:6em;font-weight:400;color:#333;margin:0 0 4px}#who p{text-transform:uppercase;color:#666;font-size:2em}#what{font:3em/50px adobe-garamond-pro,serif;width:650px;padding:43px 0 0;color:#333}#me ul{list-style:none;margin:0;padding:50px 0 0}#me li{float:left;margin-right:44px}#me li a{display:block;text-indent:-9999px;width:26px;height:26px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#me li a:focus,#me li a:hover{opacity:.8}#me li.twitter a{width:28px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAABVElEQVR42tXWwWfDUBzA8RFGCSOEUsYo+Q92KmX0lD9g/0FPvY6xUyhjlDJGTr3u2tNOY5QywuipjBFCCTn1FMpv38NCxMvkba+l4XN78fXixe+dhGF4UEcZvMQcCQQpHtEurbHhV4MzuJqxG+wgChuM8IwM1+WgB0GEdsPYFaShMRxcFC/7kB8x+g2C64axGEtEsIuX+4qFT7BrYl2IhhU65U/awlaxMMUEXiXY04ilsFWn9AHyiw+EPCMMNYKfqt/CwRmWEMMiVXCADAvsDAfndTvMIXsQVIOF+z0Fe3VBG2+GYwksVbBwiily859THfQQGjqtW7hNpsU7xIDbpuOpgy8D/56lMw8dTJBBNKU4/+sAdvGqEYvh6U78IhRo7nCt2Jky6GCICUKeFURDjjFaOncaG3dINEIZZuj+9xI1QIAXRNggR4QFpvBhHcc1UUQO6htyeJzBtNEuegAAAABJRU5ErkJggg==)}#me li.xbox a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAB60lEQVR42q3WT0iUQRjH8RdFENRuuiD+SzoEKURIIGZ2EkLQugTrIbfLdiiSIAgisIN0Wi8SK28aiuKhQ2BXEZbUTnrypht0SbA6BBaiB5m+A3N4Gmbed8xd+Bx25pnnx/vyvvNOpJTyiuNY60AORZSwb5TM2H20IrLJXr6AKrSgABVoBp2oDg2SgddwF8sJASvIYQA1wVdEwSgeOW5HD7ZFwA76rZpaPMWTxCBz+UqYwwXZzIzNI7I8xy+xdtEZxMRjKIdvuI7Iox2bnrUvZJAuboRKkXWE3AlY1yaD4oAFQ46gkYB173WGLm7AaUpxDyKP3oCwRl2YTSkatRrnkLfGhlN6PNRFbxIK3lkNb4q529bcZEKfBV2w5pksW436HDWDVs26p9eWnvzqmewUDW5AedwSdfU4dtQc+IIKYlPthkpxRYTlfUH2rTtEtQnK4HdA0CGaRNgX+9a5HobXYrcoQwXaS3gKF1yPd4sJ+Qh1Rqsi7ECM5+0Xdlfs4Oo/vTJB0/+8sKbxWzMwbv6rc6pDFxQ+uDbVexivQNAUrkLhov2ZmMBnfK9A0B9sYsL34StAVchs2qc8rkDIUugp6Jnj0xHqZcjhRIZdgv4dBTQ/wTwuB5+CJLMggzEU8Qk/8BMb0L8HaE47QP4FJ7vIbixOt1wAAAAASUVORK5CYII=)}#me li.skype a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAB2UlEQVR42q2W0WdCcRTHI2JcIkaMGGNPe4oRMSL2H4wRY4yexiVijIgxetrTZYyxp54ieoqI6Gn0NGKMGDF6ulyifcf58XP8ztlPig/3uueeT7/zO79TqSiKbDLgBgzADHyBCWiDPEhti31zSok3AmuwNPcUOwUdUPYVlUAiCHyZgLImCsCCgnfBE8i4RA3PBHPwCsxnqpR6BPa4aKztCyUtKPUvgYHj3R4XxYrkwrOrpMo0LJHYBM8sUR7cgi7tw6VDNmQ5EnBgRB+C6MxKkBYa5p6Jmo6YjhG1BdEJO8hzIe7cxAl7tQTpv4cFIUGNfdssCMGQ7WsM+uBdaaqiJprzFmWlrIAWE0jUaPSop/3Io+PKYKTkaZqgjUICutRluX+Eb5romG58GVMDVRyirHAu66aj1o6HIQjo0MaKNKedJaJqHvIxtGAvPygrvGKxPUfMnXl4y/eFdVwAPh0JVuDQipMGwNSu7UqaU0SOVtaj8jw6OrIqrHpJAc5VrVlZVGhlCx9RGvSFWbWvCDKgDn6UfRy52nMmBA9ARCVr0fWAdaREgwRMRsNxR3yDIKXMslAshz+JOdhM4FxdE0y2kMysnxom0smDIk2Ka7qugBdrgsc0XEP+T+gXDXNHFBYUVf8AAAAASUVORK5CYII=)}.retina-true #me li.twitter a{background-image:url(../g/twitter@2x.png);background-size:28px 26px}.retina-true #me li.xbox a{background-image:url(../g/xbox@2x.png);background-size:26px 26px}.retina-true #me li.skype a{background-image:url(../g/skype@2x.png);background-size:26px 26px}#face{position:absolute;top:-30px;right:20px;width:362px;height:332px}#face img{width:100%;height:100%}footer{background:#F6F6F6;height:90px;margin:75px 0 0;padding:38px 0 0;font-size:1.4em;color:#999;text-transform:uppercase;-moz-box-sizing:border-box;box-sizing:border-box}footer .copy{float:left;width:50%}footer .copy small{font-size:1em}footer .copy a{color:#666;text-decoration:none;padding-left:5px}footer .hosted-by{float:right;text-align:right}footer .hosted-by a{float:right;width:145px;height:34px;margin:-8px 0 0 16px;background:no-repeat url(../g/krystal.svg);background-size:auto 34px}footer .hosted-by a span{position:absolute;left:-9999px}.box{padding:75px 0 0;float:left;width:520px}.box.full{width:100%;float:none}.box h2{border-bottom:2px solid #CCC;text-transform:uppercase;font-size:1.8em;padding:0}.box h2 span{margin:0 0 -2px;padding:0 0 27px;border-bottom:2px solid #666;display:inline-block}#portfolio{padding-top:79px}#portfolio h2{margin-bottom:39px}#portfolio ul{list-style:none;margin:0;padding:0 0 4px;min-height:1px}#portfolio ul:after{content:".";clear:both;display:block;visibility:hidden;height:0}#portfolio li{float:left;width:342px;margin-right:67px}#portfolio li:last-child{margin-right:0}#portfolio li img{display:block;width:100%;max-width:340px;border:1px solid #CCC;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#portfolio li a:focus img,#portfolio li a:hover img{border-color:#666}#portfolio li h3{font:2.5em/40px adobe-garamond-pro,serif;margin:22px 0 2px}#portfolio li h3 a{color:#000;text-decoration:none;border-bottom:1px solid #FFF;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#portfolio li h3 a:focus,#portfolio li h3 a:hover{border-color:#000}#portfolio li .what-i-did{font:1.3em/21px brandon-grotesque,sans-serif;color:#666;text-transform:uppercase;margin:0 0 20px}#portfolio li .what-i-did:before{content:"(";speak:none}#portfolio li .what-i-did:after{content:")";speak:none}#portfolio li .description{font:1.6em/22px adobe-garamond-pro,serif;color:#666;-webkit-font-smoothing:antialiased}#portfolio li .description a{color:#666;font-style:italic;text-decoration:none}#what-i-do{margin-right:120px}dl{width:100%;padding:38px 0 0;min-height:1px}dl:after{content:".";display:block;clear:both;visibility:hidden;height:0}dt{font:2.5em/1 adobe-garamond-pro,serif;float:left;width:60%;padding:0 0 45px;clear:left}dd{font-size:1.3em;color:#666;text-transform:uppercase;float:right;width:40%;padding:9px 0 0;text-align:right}dd:before{content:"(";speak:none}dd:after{content:")";speak:none}form{padding:38px 0 0}.field{padding:0 0 30px;float:left;width:47%;margin-right:6%}.field.end{margin-right:0}.field.full{width:100%;margin-right:0;padding:0}label{position:absolute;left:-9999px;height:0;overflow:hidden}.text{width:100%;margin:0;padding:15px 17px 13px;outline:0;font:1.3em/19px brandon-grotesque,sans-serif;color:#333;border:1px solid #CCC;-webkit-appearance:none;border-radius:0;-moz-box-sizing:border-box;box-sizing:border-box}.text.error{border-color:#F33}textarea.text{resize:none;width:450px;height:140px;float:left;border-right:0}textarea.text.error{border:1px solid #F33}.button{float:left;width:70px;height:140px;border:0;font-size:0;line-height:0;text-indent:-9999px;background:#6DCFF6 no-repeat 50% 50% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAYAAAAHKVPcAAABuklEQVR42u2XTWcDURSGhxLKrEroalZD6Q/oPwihq66yCnfVH1Bm223JqqvSVbiEULotpdtSSlehlDKrUkoJJZTTN8xIvDL3IzeT2fTh2QxzvXPvOWdmIhFp3P8QTYfYgT04biLEHsxgDufobYY4gFdwCpdR2wjRgXdSTVJXiF14CieQeZEFeR2FuQ8v4BdkZvAcfssCvckQR3AEf2U1U3gMn1bVw9zQFnsUMx9FyEFVPcwNaDEr7zCFXcjkPKz8W8zOc1Ej7WI3GM0h7C3mxwOMYWS4V1EIQ4v5M4KtYp3MNh9KDS3mzSV1zEwIrodSarG1OVtaNIavUo1eFULBH1mPGezTolrMqKpX+SGld2EKO7RgX+wkHIILciiEaQjRYqlDC+duHzX243mDKd3TorFsrAfWNJwmhiEUkQNxQ7mEMB3PfTmEyK64k/iE4OO5LocQ2Yaf4kZey4eu50jXdYTIxA+1mRA8lv1IQkKMYZuu+Q63PPTnR4riO6HrMRyJGzo8xIIb2hXXd4/aWAjaFZ/jSeoI0YMRGUNtr4fwELd0HC7vHh0egp/eLh+PCg5BT+9jDIcwcQnRuH8fqnxFaRIZJAAAAABJRU5ErkJggg==);-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer;-webkit-appearance:none;border-radius:0}.button:focus,.button:hover{background-color:#86D8F9}.retina-true .button{background-image:url(../g/send@2x.png);background-size:33px 36px}.testimonial{clear:both;padding:132px 0 98px}.testimonial h2{position:absolute;left:-9999px;height:0;overflow:hidden}.testimonial blockquote{margin:0;width:940px;float:left;font:5.2em/60px brandon-grotesque,sans-serif}.testimonial .avatar{float:right;padding:18px 0 0}.testimonial .avatar img{display:block;max-width:130px}.testimonial .source{clear:both;font-size:1.5em;text-transform:uppercase;color:#666;padding:35px 0 0}#thanks{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;background:#FFF;text-align:center}#thanks h2{font-size:3.5em;line-height:42px;padding:100px 30px 40px}#thanks a{display:inline-block;background:#6DCFF6;color:#FFF;text-transform:uppercase;font-size:1.5em;padding:10px 16px;text-decoration:none}#thanks a:focus,#thanks a:hover{background-color:#86D8F9}@media screen and (max-width:1220px){.full>.sleeve{padding:0 30px}#face{right:30px}#portfolio li{width:30%;margin-right:5%}#portfolio li:last-child{margin-right:0}.box{width:45%}#what-i-do{margin-right:10%}textarea.text{width:86%}.button{width:14%}.testimonial blockquote{font-size:4.6em;line-height:54px;width:80%}.testimonial .avatar{width:18%;padding-left:2%}.testimonial .avatar img{float:right;width:100%;max-width:130px}}@media screen and (max-width:1050px){header.masthead{padding:89px 0 0}header.masthead>.sleeve{min-height:342px}#who h1{font-size:5em;margin:0 0 2px}#who p{font-size:1.7em}#what{width:540px;padding-top:36px;font-size:2.5em;line-height:40px}#me ul{padding:38px 0 0}#face{width:312px;height:288px}dt{font-size:2.2em;line-height:26px;width:50%}dd{width:50%}}@media screen and (max-width:930px){#portfolio li h3{font-size:2.2em;line-height:30px}.testimonial blockquote{font-size:4em;line-height:48px}}@media screen and (max-width:900px){#what{width:460px;font-size:2.2em;line-height:30px}#face{width:252px;height:233px}footer .copy{width:200px}#play{display:none}}@media screen and (max-width:880px){.box{width:47%}#what-i-do{margin-right:6%}dt{width:40%}dd{width:60%}.testimonial blockquote{font-size:3.5em;line-height:40px}}@media screen and (max-width:820px){#portfolio li{width:100%;margin:0 0 10%}#portfolio li img{width:40%;max-width:300px;float:left;margin-right:5%;-moz-box-sizing:border-box;box-sizing:border-box}#portfolio li .port-text{float:left;width:55%}#portfolio li h3{margin-top:18px}}@media screen and (max-width:780px){header.masthead{padding:50px 0 0}header.masthead>.sleeve{min-height:1px;padding:0 30px 40px;-moz-box-sizing:border-box;box-sizing:border-box}#face{width:130px;height:121px}#what{padding:40px 0 0;width:100%;max-width:460px;-moz-box-sizing:border-box;box-sizing:border-box}.testimonial blockquote{font-size:3.2em;line-height:38px}.testimonial .avatar{width:16%;padding-left:4%}}@media screen and (max-width:768px){.full .box{width:100%;margin:0 auto;max-width:650px;float:none}#what-i-do{margin:0 auto}dt{width:50%;font-size:2.5em;line-height:1}dd{width:50%}}@media screen and (max-width:720px){#portfolio li h3{margin-top:8px}#portfolio li .description{font-size:1.3em;line-height:19px}}@media screen and (max-width:650px){#portfolio li h3{margin-top:3px}#portfolio li .what-i-did{margin:0 0 12px}.testimonial{padding:50px 0 30px;min-height:1px}.testimonial:after{content:".";clear:both;display:block;visibility:hidden;height:0}.testimonial blockquote{font-size:2.8em;line-height:36px;width:100%}.testimonial .avatar{float:left;width:100px;margin:30px 0 0;padding:0}.testimonial .source{clear:none;float:left;padding:70px 0 0 20px}footer{padding-bottom:28px;height:auto}footer .copy{display:block;float:none;width:auto;text-align:center}footer .hosted-by{display:block;float:none;width:304px;text-align:center;margin:24px auto 0}footer .hosted-by a{margin-left:6px}}@media screen and (max-width:568px){#portfolio li{width:100%;margin:0 0 12%}#portfolio li:last-child{margin-bottom:0}#portfolio li img{width:100%;max-width:340px;float:none;margin:0 auto}#portfolio li .port-text{float:none;width:100%;max-width:340px;margin:0 auto}#portfolio li h3{margin-top:18px}dt{font-size:2.2em;line-height:26px}}@media screen and (max-width:500px){dd,dt{width:100%;float:none;text-align:left;padding:0 0 12px}dt{font-size:2.4em}dd{padding-bottom:40px}.box{padding:50px 0 0}#hire-me{padding:30px 0 0}}@media screen and (max-width:480px){.testimonial blockquote{font-size:2.4em;line-height:30px;text-align:center;float:none}.testimonial .avatar{float:none;margin:0 auto;padding:25px 0 30px;min-height:1px}.testimonial .avatar:after{content:".";clear:both;display:block;visibility:hidden;height:0}.testimonial .source{text-align:center;width:100%;float:none;padding:0}}@media screen and (max-width:479px){header.masthead{padding:40px 0 0}header.masthead>.sleeve{min-height:1px;padding:0 0 40px}#face{width:100%;height:auto;margin:0 auto;max-width:320px;padding:0 30px;position:static;top:auto;right:auto;-moz-box-sizing:border-box;box-sizing:border-box}#who{text-align:center;padding:30px 0 0}#who h1{margin:0 0 6px}#what{margin:0 auto;padding:36px 30px 0;width:100%;max-width:530px;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box}#me ul{width:212px;margin:0 auto}#me li{margin:0 22px}}@media screen and (max-width:420px){.field{width:100%;float:none;padding:0 0 20px}textarea.text{width:80%}.button{width:20%}}@media screen and (max-width:400px){footer .hosted-by{width:auto}footer .hosted-by a{margin:14px auto 12px;float:none;display:block;width:128px;height:30px;background-size:auto 30px}}