article,aside,br,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}code,pre,tfoot,thead{background:#eee}a,abbr,acronym,address,applet,article,aruby,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}table,td{border:1px solid #eee}caption,table,td,tfoot,th,thead{padding:1rem}dd,ol{margin:0 1rem}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}html{font-size:16px}body{font-family:"Raleway Medium",Raleway,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:1em;line-height:1.4em}h1,h2,h3,h4,h5,h6{color:#212121;font:normal 700 1rem/1.6em Rubik,Impact,Verdana,serif;margin:0 auto 1.2rem;text-align:center;text-transform:capitalize}.home .headline .callout,.subhead,button{text-transform:uppercase}br,p{line-height:2em}.highlight .ge,blockquote,dt,em,q{font-style:italic}h1{font-size:3em}h2{font-size:2.6em}h3{font-size:2.2em}h4{font-size:1.8em}h5{font-size:1.4em}h6{font-size:1em}.subhead{color:#616161;font-weight:400;text-align:left}a,label,strong,th{font-weight:700}h1.subhead{font-size:2.6rem}h2.subhead{font-size:2rem}sub,sup{font-size:small}br{margin:.5rem}a{color:#2196f3;text-decoration:none;padding:0 .3rem}a:visited{color:#212121}a:hover{color:#0D47A1}blockquote{background:#fafafa;display:flex;flex-flow:row wrap;justify-content:center;line-height:2.8rem;padding:1rem 2rem;width:auto}.logo,.site-nav,.site-nav .menu{display:-webkit-box;display:-ms-flexbox}code,pre{font-family:"Roboto Mono",Consolas,"Courier New",monospace;font-size:.8em}pre{padding:.5em;white-space:pre}ol{list-style-type:decimal}li{margin:1rem auto}th{border:1px solid #ddd}tr:nth-of-type(even){background:#fafafa}abbr,acronym{border-bottom:1px dotted #616161;text-decoration:none}address{padding:.5rem 1rem}sup{bottom:1em}sub{top:.3em}hr{border:0;border-bottom:1px solid #eee;margin:2rem auto}form [disabled]{background:#eee;cursor:not-allowed;opacity:.7}.css-popup-container a,button{cursor:pointer}form [required],label[class*=required]{border-color:#90CAF9;box-shadow:inset 0 0 5px #90CAF9;color:#90caf9;content:"hi"}label{color:#616161;font-size:1rem}input,textarea{border:1px solid #ddd;padding:.5em}button:focus,input:focus,textarea:focus{border:1px solid #2196f3;outline:0}button{border:0;font-size:1.4rem;font-family:Rubik,Impact,Verdana,serif;padding:.5rem}::-moz-selection{background:#ffeb3b}::selection{background:#ffeb3b}::-webkit-input-placeholder{font-family:"Roboto Mono",monospace}:-ms-input-placeholder{font-family:"Roboto Mono",monospace}::placeholder{font-family:"Roboto Mono",monospace}.site-header{background:#222;color:#fff;font-size:.9rem;justify-content:flex-end;padding:1rem;z-index:9999}.logo{height:auto;width:100%}.logo img{height:100%}.site-nav{display:flex;text-align:center}.logo,.site-nav .menu{display:flex}.site-nav a{color:#eee;margin:auto;display:block;padding:.5rem}.site-nav .menu li{border-bottom:2px solid transparent}.site-nav .menu li:hover{color:#2196f3}.site-nav .menu a,.site-nav .menu a:hover{color:inherit}.site-nav .menu .active{border-bottom-color:#2196f3;color:#2196f3}.site-footer{background:#2196f3;color:#eee;padding:2rem 1rem 1rem;text-align:center}.site-footer li svg{fill:currentColor}.site-footer li:hover svg{fill:#2196f3}.site-footer a{color:#fff;font-size:1rem;font-weight:400}.site-footer a:hover{color:#ffeb3b}.site-footer .social{margin:1rem auto}.site-footer .social li{border-radius:.3rem;display:inline-block;height:2.5rem;margin:1rem .5rem;transition:background 500ms,color 500ms;width:2.5rem}.site-footer .social li:active,.site-footer .social li:hover{background-color:#eee;box-shadow:0 0 10px rgba(0,0,0,.2)}.site-footer .social a{color:#eee;display:block;font-size:1.5rem;height:100%;padding:.5rem;width:100%}.site-footer .social li:hover a{color:#2196f3}.site-footer .copyright{font-size:.9rem}main{padding:3vmin 8vmin}main a{border-bottom:2px solid rgba(33,150,243,.2)}main a:visited{border-bottom:2px solid rgba(33,33,33,.2)}main a:hover{border-color:rgba(13,71,161,.2)}.home{padding:0}.home>section{padding:3vmin 10vmin}.home a,.home a:hover,.home a:visited{border:none}.home .headline{background:url(/img/stand-out-crowd.svg) 100% 65% #222;background-size:cover}.home .headline h1{color:#fff;font-family:"Roboto Mono","Courier New",monospace;font-size:1.3rem}.home .headline .callout{color:#ffeb3b;display:block;font-size:10vw;font-family:Rubik,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",serif;font-weight:900;line-height:10rem;text-align:center}.home .about{background:#2196f3;color:#fff}.home .about a:hover{color:#ffeb3b;border-color:#ffeb3b}.home .about h1{color:#fff}.page figcaption,.page-introduction .page-meta p{text-align:center;color:#616161}.home .services-skills{background:#6ec6ff}.home .services-skills section{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row wrap;text-align:center}.home .services-skills div{flex:1 1 auto;margin:1rem auto;padding:1vw}.home .services-skills img{max-width:30vmax}.home .latest-work{background:#baddfa}.home .latest-work section+section{margin-top:3rem}.home .contact{background:#ffeb3b;text-align:center}.page figure{margin:2rem auto}.page figure a,.page figure a:hover,.page figure a:visited{border:0;display:block}.page-header,.page-introduction{font-family:"Roboto Mono","Courier New",monospace;margin:1rem auto;padding:.5rem 0;text-align:center;width:100%}.page-title{font-weight:900}.page{font-size:1.2rem;line-height:2rem;margin:auto}.page h3,.page h4,.page h5{font-family:Rubik,Impact,Verdana,serif}.article article .article-date,.contact-me,.page figcaption,.page-introduction .page-meta p,.pagination{font-family:"Roboto Mono","Courier New",monospace}.page ol,.page ul{line-height:2.1rem;margin:1rem 2rem}.page ul{list-style-type:disc}.page article p{line-height:2.6rem;margin:.6rem auto}.page .page-content p{margin:1.5rem auto}.page picture{align-items:center;display:flex;flex-flow:row wrap}.page picture a{border:0;margin:auto}.page picture a:hover{border:0}.page picture img{height:auto;margin:auto;max-width:80%}.page figcaption{font-size:.9rem;margin:1em auto}.page .gallery{align-items:flex-end;display:flex;flex-flow:row wrap;justify-content:center;margin:1vw 0}.page .gallery figure{flex:1 1 25%;flex:0 1 33.3%;font-style:italic;padding:.5vw .5vw 0;text-align:center}.page .gallery figcaption{padding:.5vw}.page .gallery picture{margin:0}.page .gallery picture img{width:100%}.contact{background:url(../../img/paper-airplane-cropped.svg) 0 3rem no-repeat #fff;background-size:95vw}.contact section{padding:0 8vmin}.contact .page-header{color:#222;padding:2rem 7vw 1rem}.contact hr{display:none}.contact-form{background:#eee;border:1px solid #eee;font-size:1em;padding:1vw}.contact-form form{display:flex;flex-flow:row wrap;flex-flow:column wrap}.contact-form fieldset{flex:1 1 45%;margin:.25em .8em}.contact-form label,.contact-form textarea{width:100%}.contact-form button,.contact-form input,.contact-form textarea{margin:.5em auto 2em;width:100%}.contact-form textarea[name=message]{height:5rem}.contact-form button{margin:auto;width:100%}.contact-form button:active,.contact-form button:hover{background:#2196f3;color:#fff}.about article{padding:1rem 2rem}.about figure{font-size:15rem}.about figure::before{display:none;color:#eee;content:"{"}.about figure::after{display:none;color:#eee;content:"}"}.about figure img{max-width:500px;width:100%}.about-links{display:flex;flex-flow:row wrap}.about-links ul{background:#eee;flex:1 1 auto;margin:0;padding:2rem 1rem}.about-links a{border:0}.about-links a:hover{border-color:#212121;color:#212121}.about-links ul:nth-of-type(1){background:#ffeb3b}.about-links ul:nth-of-type(2){background:#FFC107}.about-links ul:nth-of-type(3){background:#FF9800}.about-links ul:nth-of-type(4){background:#FF5722}.about-links ul:nth-of-type(5){background:#F44336}.about-links li{margin:1rem}button{background:#616161;color:#eee}button:hover{color:inherit}button a{border:none;color:#eee}button a:visited{border-bottom:none;color:#eee}button a:hover{border:inherit;color:#eee}button.primary{background:#ffeb3b;color:#212121}button.info{background:#212121;color:#eee}button.danger,button.success,button.warning{background:#ffeb3b;color:#212121}.article,[class*=listing] .project:hover [class*=title]{color:inherit}button[type=submit]{background:#ffeb3b;color:inherit}.project-listing{align-items:stretch;display:flex;flex-flow:row wrap;justify-content:center;margin:1rem auto}.project-listing .project{display:flex;flex:1 1 auto;font-weight:400;max-width:45vw;padding:1vw;text-align:center}.project-listing .project article{flex:1 1 auto}.project-listing .project .project-image{max-width:500px;width:100%}.project-listing .project .project-title{font-size:1.2rem;margin:2vw auto}.article-listing{display:flex;flex-direction:column}.article{flex:1 1 100%;margin:2rem auto;width:100%}.article article{display:flex;flex-flow:row wrap}.article article *{-ms-flex:1 1 100%}.article article div{flex:0 1 auto;text-align:center}.article article .article-title{flex:1 1 100%;line-height:1.4em;margin:0 auto}.article-listing .article:hover *{color:#2196f3;color:inherit}.article article .article-date{border-bottom:1px solid #ddd;color:#616161;font-size:smaller;font-weight:600;line-height:2.2em;margin:0 auto 1rem}.article article picture{flex:0 1 60%;margin:0 auto 1rem}.article article img{height:100%;width:100%}.article article .article-excerpt{font-weight:400;line-height:1.6em}.contact-me,.highlight .gs{font-weight:700}.related-posts{margin:2rem auto}.pagination{margin:1rem auto;padding:1rem;text-align:center}.pagination a{display:inline-block;width:48%}.pagination+hr{clear:both}.client-info{background:#eee;padding:1rem}.client-info li{margin:.2rem 2rem}.highlight{background:#222;color:#fff;margin:2rem auto}.highlight code{background:0 0}.highlight .hll{background-color:#49483e}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .c1,.highlight .ch,.highlight .cm,.highlight .cp,.highlight .cpf,.highlight .cs{color:#75715e}.highlight .gd{color:#f92672}.highlight .gi{color:#a6e22e}.highlight .gu{color:#75715e}.highlight .kc,.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp,.highlight .kr,.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne,.highlight .nf{color:#a6e22e}.highlight .nl{color:#f92672}.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#66d9ef}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#ae81ff}.highlight .dl,.highlight .s2,.highlight .sa,.highlight .sb,.highlight .sc,.highlight .sd{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .s1,.highlight .sh,.highlight .si,.highlight .sr,.highlight .ss,.highlight .sx{color:#e6db74}.highlight .bp{color:#f8f8f2}.highlight .fm{color:#a6e22e}.highlight .vc,.highlight .vg,.highlight .vi,.highlight .vm{color:#f8f8f2}.highlight .il{color:#ae81ff}.contact-me{background:#ffeb3b;font-size:1.8rem;margin:auto;padding:2rem;text-align:center}.contact-me p{font-size:inherit}.contact-me button{background:#2196f3;border:none;border-bottom:3px solid #1E88E5;border-radius:.3rem;color:#fff;margin:.5rem auto}.contact-me button:hover{background:#fff;border-color:#eee;color:#212121}.contact-me button a{color:inherit;display:block;padding:.6rem}.contact-me button a:hover{border:none;color:inherit}.css-popup-container{position:initial}.css-popup-container .css-popup{background:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.5);box-shadow:0 0 20px 0 rgba(0,0,0,.5);display:none;left:-5vw;margin:auto;padding:1rem;position:absolute;right:-5vw;text-align:center;top:-20vw;z-index:9999}.note,.read-more{margin:1rem auto}.css-popup-container .css-popup .close:after{border-radius:100%;color:#333;content:"X";display:block;float:right;font:700 1rem/1.6 Verdana;padding:0 .4em;position:relative}.css-popup-container .css-popup .close:hover:after{background:#ddd}.css-popup-container a:active,.css-popup-container a:focus{outline:0}.css-popup-container a:active~.css-popup,.css-popup-container a:focus~.css-popup{display:block}.note{background:#eee;padding:1rem;width:50%}.quotation{background:0 0}.quotation p{background:#fafafa;border-left:10px solid #baddfa;flex:0 1 auto;padding:1rem 2rem}.read-more{display:flex;justify-content:flex-end}.pagination a,[class*=listing] a{border-bottom:0}.sitemap li{margin:1rem}@media (max-width:599px){h1{font-size:2em}h2{font-size:1.8em}.site-header .logo{height:7vmax}.site-header .site-nav{font-size:.9rem;font-weight:200;justify-content:space-around}.logo,.site-nav .menu{flex-flow:column nowrap}.logo img,.site-nav .menu li{margin:auto}.site-nav .menu .active{border:2px solid #2196f3}.home>section{text-align:center}.home .headline h1{font-size:4vmin}.home .headline .callout{font-size:17vmin;line-height:20vmin}.project-listing .project{margin:1rem 0}.page{padding:3vmin}.page-introduction .page-title{font-size:2.2rem;line-height:2.8rem}.page .page-date{font-size:1rem;margin:auto}.page .page-content{font-size:3.6vw;padding:1vmin 3vmin}.read-more{justify-content:center}}@media (min-width:600px){.home>section{padding:3vmin 15vmin}.home .headline h1{font-size:4.4vmin}.home .headline .callout{font-size:12vw;line-height:13vw}.logo,.site-nav,.site-nav .menu{justify-content:space-around}.site-nav .menu li{margin:.5rem 1rem}.logo{height:10vw}.page .page-content{font-size:2.7vw}blockquote{margin:1rem 4rem}.about-links ul{flex:1 1 50%}.contact-form button{width:30vmin}}@media (min-width:900px){.article article,.site-nav{align-content:center}h2{font-size:2.2em}.site-header{display:-webkit-box;display:-ms-flexbox;display:flex}.home>section{padding:3vmin 15vmin}.home .headline .callout{font-size:20vw;line-height:21vw}.home .services-skills section{flex-flow:row wrap}.home .services-skills div{flex:1 1 18vw}.project-listing .project{flex:1 0 33%}.site-nav{flex:1 1 80%;justify-content:flex-end}.logo{flex:1 1 20%;height:8vw;justify-content:flex-start}.site-nav .menu li{margin:auto 1rem}main{padding:3vmin 10vmin}.page .page-content{font-size:2vw}.about article{padding:1rem 8rem}.about-links ul{flex:1 1 50%}.article-listing{text-align:center}.article article picture{flex:0 1 40%}.contact-form button{flex:1 1 100%}}@media (min-width:1200px){.site-header{flex-flow:column wrap}.logo{height:9vw;justify-content:center;margin:0 auto 2rem}.site-nav{justify-content:center}.home .headline h1{font-size:2.4rem}.home>section,main{padding:3vmin 15vmin}.page figure{max-width:60%;max-width:40vw}.about-links ul{flex:1 1 33%}.contact-form form{flex-flow:row wrap}.page .page-content{font-size:1.5vw}.article article *{text-align:left}.article article picture{flex:0 1 10vmax;flex:0 1 25%;margin:0 1rem 0 0}.article article div{flex:1 1 70%;text-align:inherit}}@media (min-width:1800px){.home .headline{background-position:100% 75%}.home .headline .callout{font-size:14vw;line-height:14vw}main{padding:3vmin 25vmin}.home>section{padding:3vmin 30vmin}.logo{height:5vw}.page .page-content{font-size:1.2vw}.about article{padding:1rem 15rem}.article{border-bottom-width:0}.article article picture{flex:0 1 10vmax}.project-listing .project{flex:1 0 25%}}