@import url(css/normalize.css);@import url(css/simple-grid.css);@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700);html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{font-family:'Ubuntu',Helvetica,sans-serif}body{background:#394053}body section:first-of-type{margin-top:0}body section:last-of-type{margin-bottom:0}a{cursor:pointer}a:link{color:#008aff}a:visited{color:#490a3d}a:hover{color:#394053}a.blog:hover,a:active{color:#bd1550}a.blog{background:#490a3d}a.contact{background:#e97f02}a.contact:hover{color:#490a3d}a.work{background:#8a9b0f}#about h2,a.work:hover{color:#bd1550}a.about{background:#bd1550}a.about:hover{color:#490a3d}.easing-transition,a{-moz-transition:.2s all linear;-o-transition:.2s all linear;transition:.2s all linear}header{padding-top:60px}footer *,footer .nav li a,header *{color:#fff}header [class^=col] .title{margin:0}header .row [class^=col]:first-child{text-align:center}header .logo{max-width:7em;margin-top:1em}header .blurb p{line-height:2em;font-size:1.25em;margin-top:0}header .blurb a{display:inline-block;padding:.125em .5em;border-radius:.25em;text-decoration:none;margin:.25em;color:#fff}.blog header .logo{max-width:4em}.blog header .nav,.nav{margin:0}.blog #blog{padding-top:0}nav,section{margin:0 auto}section{padding:5em 1em 0}section .box{padding:2em 0 4em;border-width:.5em 0 1em;border-style:solid;background:#fff;box-shadow:0 4px 4px #333;position:relative}section .box .title{position:absolute;top:-2px;left:0;margin:0;padding:0;text-transform:uppercase;font-size:2.25em;line-height:.7em;letter-spacing:-2px}section .box img{margin:1em}section .box .right{float:right}section .box .left{float:left}#about .box{border-color:#bd1550}#about .box .portrait{width:100%;height:auto;border-radius:.5em;margin:0}#blog .box,#work .box{border-color:#8a9b0f;padding-top:4em}#work .box .row{margin:0 0 2em}#work .box .row h5{margin-bottom:0}#work .box .row p{margin-top:0}#work .box .row .button{background:#490a3d;padding:.5em 1em;border-radius:.5em;text-decoration:none;color:#fff}#work .box .row .button:hover{color:#e97f02}#work h2,footer .nav li a:hover{color:#8a9b0f}#work .sample img{width:100%;height:auto;margin:0}#blog .box{border-color:#490a3d}#blog h2{color:#490a3d}#contact .box{border-color:#e97f02}#contact h2{color:#e97f02}footer .colophon{font-size:.8em}.nav{list-style:none;padding:0}.nav li,.nav li a{display:block}.nav li a{padding:.5em;text-decoration:none;font-size:1.25em;float:left}nav{position:fixed;top:60px;left:0;right:0;z-index:100;width:80%;display:none}nav .nav li{width:100%}nav .nav li a{color:#fff;padding:.5em 0;width:100%;text-align:center}.fixed_nav,.toggle-menu{position:fixed;top:0;width:100%;z-index:100}.toggle-menu{text-align:right;padding:.5em 1em 0;background-color:#394053;background-color:rgba(0,0,0,.25)}.toggle-menu .container{max-width:unset}.nav.social{margin:1em}.nav.social li{text-align:left}.nav.social li,.nav.social li a{display:block;float:none}.nav.social li a img{margin-right:1em;vertical-align:middle;width:2em;height:auto}.down-arrow{width:100px;margin:2em auto 0}@media only screen and (min-width:33.75em){nav{width:75%}.nav li a{padding:.5em 1em}}@media only screen and (min-width:45em){.home header{padding:25vh 1em 1em}header{margin:0 auto}header .logo{max-width:10em}header .blurb p{line-height:2.5em}nav{width:20em;left:auto;right:13%}header,section{width:100vw;height:auto}section .box .title{font-size:3em}#about .box .portrait{width:14em;float:right;margin:1em}}@media only screen and (min-width:45em) and (orientation:portrait){.home header{height:100vh}header,section{width:100vw}}@media only screen and (min-width:60em){.home header{height:100vh}header,section{width:80vw}nav{right:7%}.nav.social li{display:inline-block}}