.quote,h1,h2,nav li{text-transform:uppercase}.btn-row,h3{display:inline-block}#nav-mobile,.sticky{top:0;position:fixed}#blog ul,#filters,.credits ul{list-style:none}#blog h2,#blog ul,#content404 p,#nav-mobile li,.credits,.div-quote,nav li{text-align:center}@font-face{font-family:steelfishregular;src:url(../font/steelfish_rg-webfont.eot);src:url(../font/steelfish_rg-webfont.eot?#iefix) format('embedded-opentype'),url(../font/steelfish_rg-webfont.woff2) format('woff2'),url(../font/steelfish_rg-webfont.woff) format('woff'),url(../font/steelfish_rg-webfont.ttf) format('truetype'),url(../font/steelfish_rg-webfont.svg#steelfishregular) format('svg');font-weight:400;font-style:normal}.activenav,nav a:hover{color:#959595}.container{max-width:800px}nav{max-width:500px;margin:0 auto}nav li{margin:20px 0}.quote,h1,h2{font-family:steelfishregular,'Helvetica Nueu',sans-serif;font-size:60px;font-weight:lighter}h3{font-family:'Source Sans Pro',sans-serif;font-size:15px;font-weight:400;line-height:30px}.quote{line-height:70px}.quote,.quote-sub{color:#fff}.quote-sub{margin:0 auto}.hr-title{width:100px;border:2px solid #000;margin:30px 0 20px}.about-link{font-style:italic}.about-link:hover{color:#232323;text-decoration:none;border:none}.div-quote{background-color:#232323}.quote-btn{margin-top:20px}.btn-row{width:100%;padding-top:20px}#blog .blog-author,#blog .blog-title,.blog-btn{display:block}.portfolio-btn{margin:0 auto;width:190px;display:block}#projecten{background-color:#ededed}.hr-nav,.hr-nav-sticky{opacity:.3;margin-bottom:0;border:0;height:1px;background:#232323;background:-webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,0%,0)),color-stop(50%,hsla(0,0%,0%,.75)),color-stop(100%,hsla(0,0%,0%,0)));background:-webkit-linear-gradient(left,hsla(0,0%,0%,0) 0,hsla(0,0%,0%,.75) 50%,hsla(0,0%,0%,0) 100%);background:-moz-linear-gradient(left,hsla(0,0%,0%,0) 0,hsla(0,0%,0%,.75) 50%,hsla(0,0%,0%,0) 100%);background:-ms-linear-gradient(left,hsla(0,0%,0%,0) 0,hsla(0,0%,0%,.75) 50%,hsla(0,0%,0%,0) 100%);background:-o-linear-gradient(left,hsla(0,0%,0%,0) 0,hsla(0,0%,0%,.75) 50%,hsla(0,0%,0%,0) 100%);background:linear-gradient(left,hsla(0,0%,0%,0) 0,hsla(0,0%,0%,.75) 50%,hsla(0,0%,0%,0) 100%)}.hr-nav-sticky{margin-top:0;padding-top:0}#blog{background-image:url(../img/pen.png);background-size:700px;background-repeat:no-repeat}#blog h2{margin-bottom:30px}#blog .hr-title{margin:0 auto 20px}#blog ul{margin:0}#blog ul li{margin-bottom:20px}#blog .blog-title a{color:#b69853;font-weight:700}.blog-btn{margin:0 auto;width:100px;border-color:#232323;background-color:transparent;color:#232323}#contact,a.blog-btn:hover{background-color:#232323}#contact li,#filters li,#nav-mobile li{display:inline-block}.contact-dribbble,.contact-facebook,.contact-instagram,.contact-linkedin,.contact-social a,.contact-twitter{height:20px;width:20px}a.blog-btn:hover{border-color:#232323;color:#fff}#contact h2{color:#b69853}#contact .hr-title{border-color:#b69853}#contact ul{margin:20px 0 0}#contact a,#contact p{color:#959595}#contact .contact-mail{padding-right:20px;margin-right:20px;text-decoration:underline}.contact-social img,.contact-social li{margin-right:15px}.contact-social img:hover{opacity:.5}.contact-facebook{background-image:url(../img/facebook.png)}.contact-twitter{background-image:url(../img/twitter.png)}.contact-linkedin{background-image:url(../img/linkedin.png)}.contact-dribbble{background-image:url(../img/dribbble.png)}.contact-instagram{background-image:url(../img/instagram.png)}#nav-mobile{background-color:#fff;opacity:.9;z-index:99999;width:100%;padding:15px 0;border-bottom:1px solid #e0dede}#nav-desktop{z-index:999;background-color:#fff}#nav-mobile ul{margin:0}#nav-mobile li{width:25%;margin:0;padding:0;float:left}.sticky,.stuckMenu{left:0;width:100%;margin-top:-20px}.sticky{z-index:100;border-top:0}.sticky-div-container{margin-top:100px}#filters{padding:0;margin:15px 0}#filters li span{padding:0 15px 0 0;text-decoration:none;color:#959595;cursor:pointer}#filters li span.active{font-weight:700;color:#232323}#portfoliolist .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:24%;margin:0 1% 1% 0;display:none;float:left;overflow:hidden}.portfolio-wrapper{overflow:hidden;position:relative!important}.portfolio img{max-width:100%;position:relative}.portfolio .label{position:absolute;width:100%;bottom:-40px}.portfolio .label-bg{background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.case-cover,.case-cover-logo,.case-cover2,.case-cover3{background-position:center center;background-size:cover;background-repeat:no-repeat}.portfolio .label-text{color:#232323;position:relative;z-index:500;padding:5px 8px}.content-case{padding-top:80px}.case-cover{height:50vh;background-image:url(../img/projecten/schetsdesignologo.jpg)}.case-cover2{height:50vh;background-image:url(../img/projecten/brickland-cover.png);background-color:#ccebec}.case-cover3{height:50vh;background-image:url(../img/projecten/tekening-gym.png)}.case-cover-logo{height:40vh;background-image:url(../img/projecten/designo-cover.jpg);margin:30px 0}.case-div ul,.case-intro ul{list-style:none;margin:0}.case-div,.case-mockup{margin-top:30px}.case-naam{color:#b69853}.case-intro a{text-decoration:underline}.case-intro li:last-child a{text-decoration:none}.case-mockup{border-bottom:0}.case-mockup,.mockup-2 li img{width:100%;max-width:100%;border:1px solid #eaeaea}.mockup-2{display:table}.mockup-2 li{display:table-cell}.mockup-2 li:first-child{padding-right:1.5%}.mockup-2 li:last-child{padding-left:1.5%}.mockup-2 li img{border-bottom:0;margin-top:30px}.credits{background-color:#ededed;padding:30px 0}.credits ul{margin:0}.credits a{text-decoration:underline}.case-nav{margin-top:0}#nav-desktop .case-nav li{margin-top:35px}#content404{width:684px;height:396px;position:absolute;left:50%;top:50%;margin-left:-342px;margin-top:-250px}#pendulum{margin:-317px 0 0 -136px}#draad{-webkit-animation:swinging 3s infinite ease-in-out;-webkit-transform-origin:right top}#body404{background-color:#f2f4f9}@-webkit-keyframes swinging{0%,100%{-webkit-transform:rotate(15deg)}50%{-webkit-transform:rotate(-5deg)}}#content404 p{color:#393939;font-family:sans-serif;font-size:16px;font-weight:300;line-height:25px}#content404 a{color:#adacac;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}#content404 a:hover{color:#393939}.search-form{text-align:center;display:block}.box input{font-size:20px;height:30px;width:350px}#ads{display:none}#content404_mob{display:none}.text404 a{display:block;font-size:28px;font-weight:600;padding:10px}@media (max-width:1200px){#content404{display:none}#content404_mob{display:block;text-align:center}}@media (max-width:500px){.box input{font-size:18px;height:30px;width:90%}}