html{box-sizing:border-box;text-size-adjust:100%}*,:after,:before{box-sizing:inherit}body{margin:0;font:16px/1 sans-serif;font-smoothing:antialiased}blockquote,figure,h1,h2,h3,h4,ol,p,ul{margin:0;padding:0}li,main{display:block}h1,h2,h3,h4{font-size:inherit}strong{font-weight:700}a,button{color:inherit;transition:.3s}a{text-decoration:none}button{overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:none;cursor:pointer}::-moz-focus-inner{padding:0;border:0}:focus{outline:0}img{max-width:100%;height:auto;border:0}.wrapper,header#logo{box-sizing:border-box;display:flex;flex:0 1 auto;flex-wrap:wrap}header#logo{justify-content:center;text-align:center}.wrapper{justify-content:flex-end;text-align:end}header#logo{align-items:center}@font-face{font-family:Alte-Din;font-style:normal;font-weight:400;src:url(../fonts/altedin.woff) format('woff'),url(../fonts/altedin.svg#altedin) format('svg'),url(../fonts/altedin.eot),url(../fonts/altedin.eot?iefix) format('embedded-opentype')}body{font-size:16px}h1{color:#5d5a5a;font-family:Inconsolata,monospace;font-size:1.3em;font-weight:700}@media screen and (min-width:768px){h1{font-size:1.5em}}h2{color:#33dcea;font-family:Alte-Din;font-size:1.4em;margin:0 auto 1.5em}@media screen and (min-width:768px){h2{font-size:1.6em}}p{color:#5d5a5a;margin:0 auto 1.3em}p,ul{font-family:Inconsolata,monospace}body{background-color:#f1f1f1}nav{padding:10px;position:fixed;z-index:2;height:100%;height:100vh;width:100%;width:100vw}@media screen and (min-width:992px){nav{padding:20px}}nav ul{height:100%;padding-top:10px;width:100%}@media screen and (min-width:768px){nav ul{border:0;padding-top:0}}nav li.logo{color:#29d2e4;display:block;font-size:1.25em;font-weight:700;margin:0 auto;text-align:center}@media screen and (min-width:768px){nav li.logo{display:none}}header#logo{align-content:center;background-color:#eee;display:none;font-family:Alte-Din;height:100vh;position:fixed;width:50vw;z-index:1}@media screen and (min-width:768px){header#logo{display:flex}}header#logo div{display:block;width:100%}header#logo .graphic_logo{height:192px;margin-bottom:3em;width:192px}header#logo .graphic_company{color:#29d2e4;font-size:2em;margin-bottom:.1em}@media screen and (min-width:992px){header#logo .graphic_company{font-size:3em}}header#logo .graphic_subtitle{font-family:Inconsolata,monospace;text-transform:uppercase;margin-bottom:1em}header#logo .graphic_scroll{height:100px;font-size:2em;opacity:.5}.wrapper{display:block;margin-left:0;width:100%;width:100vw}@media screen and (min-width:768px){.wrapper{margin-left:50vw;width:50vw}}.wrapper section{min-height:auto;padding:2em 20px}@media screen and (min-width:768px){.wrapper section{min-height:75vh;padding:2em 15px;width:50vw}}.wrapper section h1{margin:50vh auto;text-align:center;max-width:530px;width:100%}.wrapper section h2,.wrapper section p{text-align:left;max-width:530px;width:100%}.wrapper section#intro{text-align:center}.wrapper section#process .specialties{max-width:530px;text-align:center;width:100%;margin:1em auto}.wrapper section#process .specialties .single{color:#29d2e4;display:inline-block;font-weight:700;text-transform:uppercase;margin:0 .5em}.wrapper section#experience .type{border-bottom:1px solid #33dcea;display:block;font-family:Inconsolata,monospace;font-weight:700;text-align:center;text-transform:uppercase;margin:1em auto;max-width:530px;padding:1em 0;width:100%}.wrapper section#experience .type__clients{text-align:center}.wrapper section#experience .type__clients.shorten li{display:inline-block;margin:0 1em 1em}.wrapper section#experience .type__clients li{margin-bottom:1em}.wrapper section#case-studies,.wrapper section .graphic{display:block;margin:25vh auto;width:100%}.wrapper section#case-studies-stack,.wrapper section .graphic-stack{max-width:200px}.wrapper section#case-studies-blend,.wrapper section .graphic-blend{max-width:410px}.wrapper section#case-studies-check,.wrapper section .graphic-check{max-width:154px}