@import url(https://fonts.googleapis.com/css?family=Fjalla+One|Source+Sans+Pro:200,300,400,600,700,900);a,abbr,acronym,address,applet,article,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,ruby,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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}button::-moz-focus-inner{padding:0;border:0}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}html{height:100%;min-height:100%;font-family:"Fjalla One",sans-serif;font-weight:700;background-color:#fff}body{min-height:100%;background-color:#fff;max-width:100%;width:100vw;overflow-x:hidden}::-webkit-scrollbar-x{display:none}.callme,.mailme{text-decoration:none;color:#000}nav{position:relative;z-index:40}.nav__bar{background-color:#fff;width:100%;height:3rem;position:fixed;top:0;z-index:200;padding:8px 0;-webkit-box-shadow:0 0 8px #000;box-shadow:0 0 8px #000}.nav__link{text-decoration:none;color:#fff}.nav__logo{background-color:#fff;color:#000;display:inline-block;font-weight:default;font-size:1.6rem;line-height:3rem;margin-top:4px;vertical-align:middle;left:50px;position:absolute}.nav__logo a:active,.nav__logo a:hover,.nav__logo a:link,.nav__logo a:visited{text-decoration:none;color:#000}.nav__logo.homepage{left:20px}@media (min-width:768px){.nav__logo{margin-top:2px;font-size:2rem;left:50px}.nav__logo.homepage{left:50px}}.nav__phone{display:none}.nav__phone a:active,.nav__phone a:hover,.nav__phone a:link,.nav__phone a:visited{text-decoration:none;color:#000}@media (min-width:330px){.nav__phone{top:27px;position:absolute;font-size:1rem;display:block;right:20px}}@media (min-width:768px){.nav__phone{right:50px;top:23px;font-size:1.3rem}}.back__arrow,.home__arrow{width:1.5rem;height:1.5rem;position:absolute;background-color:#fff;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);left:13px;top:21px}@media (min-width:768px){.back__arrow,.home__arrow{left:17px}}.home__arrow{display:none;left:20px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.nav__arrows{position:absolute;line-height:3rem;right:0;display:none}.nav__arrows .last{opacity:.2}.scroll__arrow{position:absolute;cursor:pointer;bottom:-3rem;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;line-height:3rem;z-index:25;text-align:center}.scroll__arrow--link{text-decoration:none}.scroll__arrow--text{color:#fff;text-transform:uppercase;text-shadow:1px 1px #000;font-size:1rem;display:block}.project__arrow{top:6px;width:1.7rem;left:5px;height:2rem;padding:2px 0;position:relative}.first .project__arrow{width:1.5rem;height:1.5rem;top:3px;left:6px}@media (min-width:330px){.project__arrow{top:3px;width:2rem}}@media (min-width:768px){.project__arrow{top:-2px;left:5px;width:2rem;height:2rem}.first .project__arrow{top:0;left:4px;width:2rem;height:2rem}}.nav__arrows--left,.nav__arrows--right{width:1.5rem;height:1.5rem;margin-top:-8px;margin-left:1px;background-color:#fff;padding:20px;-webkit-box-shadow:0 -4px 6px #000;box-shadow:0 -4px 6px #000}.nav__arrows--down{width:2rem;height:2rem;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.nav__arrows--left{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-box-shadow:0 4px 6px #000;box-shadow:0 4px 6px #000}.projects{position:relative;margin-top:64px;background-color:#fff;overflow:auto}.project{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;width:100%;float:left;margin:0 0 1em;position:relative}.project__link{text-transform:uppercase;color:#fff;display:block;font-weight:400;overflow:hidden;text-align:center;position:relative;text-decoration:none;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;font-size:2.5rem;padding:10px;height:500px}@media (min-width:768px) and (max-width:1023px){.project__link{font-size:2.5rem;padding:12px}}@media (min-width:1024px){.project__link{font-size:2.5rem;padding:14px}}.project:nth-child(0),.project:nth-child(1),.project:nth-child(10),.project:nth-child(11),.project:nth-child(12),.project:nth-child(13),.project:nth-child(14),.project:nth-child(15),.project:nth-child(2),.project:nth-child(3),.project:nth-child(4),.project:nth-child(5),.project:nth-child(6),.project:nth-child(7),.project:nth-child(8),.project:nth-child(9){background-color:transparent}.project__picture{position:absolute;width:200%;height:200%;top:-50%;left:-50%;z-index:20;overflow:hidden}.project__image{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%;z-index:-10}.appsterdam__image{z-index:100;top:30px;right:30px;height:75px;width:auto;position:absolute}@media (min-width:768px){.appsterdam__image{height:100px}}.w3__image{z-index:100;top:0;right:30px;height:75px;width:auto;position:absolute}@media (min-width:768px){.w3__image{height:100px}}.ribbon__image{z-index:100;top:0;right:0;height:100px;width:auto;position:absolute}@media (min-width:768px){.ribbon__image{height:150px}}.appsterdam__image.low{top:94px}.ribbon__image.low,.w3__image.low{top:64px}.readmore{-webkit-transition:font-size .3s ease-out;transition:font-size .3s ease-out;font-weight:400;padding:.2em;text-shadow:1px 1px 1px #000;font-size:1rem;color:#fff;z-index:35;position:relative;top:-.6rem;display:inline-block}.project__title{-webkit-transition:font-size .3s ease-out;transition:font-size .3s ease-out;font-weight:400;padding:.4em 0 .4em .4em;text-shadow:1px 1px 1px #000;font-size:1.8rem;color:#fff;z-index:30;top:-webkit-calc(50% - 1.5rem);top:calc(50% - 1.5rem);opacity:1;position:relative;display:block}.project__title.first{font-size:1.2rem;display:initial}@media (min-width:330px){.project__title{font-size:2.1rem}}@media (min-width:768px){.project__title{font-size:3rem;padding-right:.4em}.project__title.first{font-size:3rem}}.project__link:focus .project__image,.project__link:hover .project__image{-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}.three-d{display:inline-block;text-decoration:none;text-transform:uppercase;text-shadow:none;font-smoothing:antialiased;overflow:visible;line-height:3.8rem;font-size:1.6rem;padding:.1rem 0 0;-webkit-perspective:700px;perspective:700px;-webkit-transition:all .07s linear;transition:all .07s linear;position:relative}@media (min-width:768px){.three-d{font-size:3rem}}.three-d-box{-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:translateZ(-31px);transform:translateZ(-31px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-ms-transform-style:none;-ms-transform:none;pointer-events:none;position:absolute;top:0;left:0;display:block;width:100%;height:100%}.four,.one,.three,.two{display:block;-ms-transform:translateZ(-31px);width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;padding:.2rem 0 0;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.one{-webkit-transform:rotateX(0deg) translateZ(31px);transform:rotateX(0deg) translateZ(31px);color:#fff;background-color:#000}.two{-webkit-transform:rotateX(-90deg) translateZ(31px);transform:rotateX(-90deg) translateZ(31px);color:#000;background-color:#fff}.three{-webkit-transform:rotateX(-180deg) translateZ(31px);transform:rotateX(-180deg) translateZ(31px);color:#fff;background-color:#000}.four{-webkit-transform:rotateX(-270deg) translateZ(31px);transform:rotateX(-270deg) translateZ(31px);color:#000;background-color:#fff}.three-dt{display:inline-block;text-decoration:none;text-transform:uppercase;text-shadow:none;font-smoothing:antialiased;overflow:visible;line-height:3.8rem;padding:.1rem .4rem 0 .2rem;-webkit-perspective:700px;perspective:700px;-webkit-transition:all .7s linear;transition:all .7s linear;position:relative}@media (min-width:768px){.three-dt{font-size:3rem}}.three-dt-box{-webkit-transition:all .5s .15s ease-out;transition:all .5s .15s ease-out;-webkit-transform:translateZ(-31px);transform:translateZ(-31px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-ms-transform-style:none;-ms-transform:none;pointer-events:none;position:absolute;top:0;left:0;display:block;width:100%;height:100%}.back,.front{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#000;padding:.1rem .5rem;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.three-dt.active .three-dt-box{-webkit-transform:translateZ(-31px) rotateX(90deg);transform:translateZ(-31px) rotateX(90deg)}.three-dt.active .three-dt-box:active,.three-dt.active .three-dt-box:hover{-webkit-transform:translateZ(31px) rotateX(0deg);transform:translateZ(31px) rotateX(0deg)}.front{-webkit-transform:rotateX(0deg) translateZ(31px);transform:rotateX(0deg) translateZ(31px);color:#fff;background-color:#000}.back{-webkit-transform:rotateX(-90deg) translateZ(31px);transform:rotateX(-90deg) translateZ(31px);color:#000;background-color:#fff}.intro{position:relative;width:100vw;height:100vh;overflow:hidden}.intro__image-wrapper{position:absolute;top:-50%;left:-50%;width:200%;height:200%;z-index:20}.intro__image,.intro__video{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%}.intro__video{max-width:2500px}.hireme{display:block;float:left;line-height:1.5rem;padding:0 50% 3% 5.5%;vertical-align:top;background-color:#F9F9F9;width:100%;margin:2rem 0 2rem -5.5%}@media (min-width:1024px){.hireme{padding:0 50% 3% 33%;margin:2rem 0 2rem -33.3%}}.hireme .content__header{margin-bottom:2rem}.hireme__item{margin-bottom:1rem;font-weight:300;line-height:2rem}.hireme__description{font-weight:700;text-transform:uppercase}.content__video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin-bottom:1.5rem}.content__video iframe{position:absolute;top:0;left:0;width:100%;height:100%}p{margin-bottom:2rem;margin-top:1.5rem}.intro__video{display:none}@media (min-width:1024px){.intro__video{display:block}}.intro__text-wrapper{color:#000;font-size:.9rem;left:5%;bottom:100px;position:absolute;z-index:25}.intro__text-wrapper h1{margin-bottom:9px}.intro__body,.intro__header{color:#000;font-size:3rem;padding:.2rem .5rem;line-height:3.9rem;font-weight:400;display:inline;text-transform:uppercase;background-color:#fff;-webkit-box-decoration-break:clone;-o-box-decoration-break:clone;box-decoration-break:clone}@media (min-width:330px){.intro__body,.intro__header{font-size:3.5rem}}.intro__body{margin-top:-1rem;font-size:2em;line-height:2.1rem}.intro__buttons{text-transform:uppercase;margin-top:-6px;display:none}.content{font-family:'Source Sans Pro',sans-serif;font-weight:400;color:rgba(0,0,0,.8);position:relative;margin:0 auto;padding:1rem 5% 0;background-color:#fff;z-index:100;overflow:hidden}@media (min-width:1024px){.content{padding:1rem 20% 0}}.content__copy{display:block;float:left;width:100%;font-size:1.1rem;line-height:1.8rem}@media (min-width:1024px){.content__copy{line-height:2.1rem;margin-bottom:1rem}}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}40%{-webkit-transform:translateY(-20px) rotate(90deg);transform:translateY(-20px) rotate(90deg)}60%{-webkit-transform:translateY(-10px) rotate(90deg);transform:translateY(-10px) rotate(90deg)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}40%{-webkit-transform:translateY(-20px) rotate(90deg);transform:translateY(-20px) rotate(90deg)}60%{-webkit-transform:translateY(-10px) rotate(90deg);transform:translateY(-10px) rotate(90deg)}}.bounce{-webkit-animation:bounce 2s 1s infinite;animation:bounce 2s 1s infinite}.video__button{display:none;margin-top:5px}.video__button--play{width:1.5rem;height:1.5rem;background-color:#fff;padding:20px}.content__header,.content__subheader{font-family:"Fjalla One";text-transform:uppercase;font-size:1.5em;line-height:1.9rem;color:#000;margin:3rem 0 1rem}.content__subheader{margin:0 0 1rem}.content__image{width:100vw;height:auto;margin-left:-5.5%;padding:0}@media (min-width:1024px){.content__image{margin-left:-33.3%}}@media (min-width:1024px){.content__image--inline{width:100%}}@media (max-width:1023px){.content__image--inline{width:100vw;height:auto;margin-left:-5.5%}}.content__image--border{border:1px solid grey}.content__facts{display:block;float:left;line-height:1.5rem;padding:3rem 50% 2rem 5.5%;vertical-align:top;border-top:1px solid #000;width:100%;margin:0 0 0 -5.5%}@media (min-width:1024px){.content__facts{padding:3rem 50% 2rem 33%;margin:0 0 0 -33.3%}}.fact__title{font-family:"Fjalla One";font-size:1.1rem;color:grey;text-transform:uppercase}.fact__body{font-size:1.5rem;margin-top:.2rem;margin-bottom:1.5rem;color:lightgrey}.callme,.mailme{font-weight:700}.vignette{position:fixed;-webkit-box-shadow:inset 0 0 10em #000;box-shadow:inset 0 0 10em #000;top:0;left:0;width:100%;height:100%;z-index:30}