body{font-family:"Trebuchet MS",Helvetica,sans-serif;color:#000}h1{font-size:3em;font-weight:700;margin-bottom:10px}h2{font-size:2em;font-weight:700;margin-bottom:10px}h3{font-size:1.7em;font-style:italic;margin-bottom:7px}ul{list-style:inside;margin-left:20px}div#container{height:100%}header{position:fixed;width:100%;bottom:100px;left:12%;z-index:998;height:125px}.logo{height:125px}.logo img{float:right;margin-right:20px}.lijn-content{width:70%;float:left}nav{position:fixed;bottom:65px;right:20px;z-index:999}nav ul{list-style:none}nav ul li{float:left}nav ul li:first-child{margin-right:20px}.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.works-preview{z-index:100;height:200px;margin-bottom:0;width:75%;margin-left:45px;top:3px}.works-prev{background:url(../img/prev.png) no-repeat;width:37px;height:55px;display:block;float:left;z-index:150}.works-next{background:url(../img/mext.png) no-repeat;width:37px;height:55px;display:block;float:left;z-index:150}.logo{width:20%;float:left}.lijn,.lijn2{background:url(../img/lijn.png) repeat-x left bottom;height:10px;width:100%;float:left}.lijn2{margin-top:198px}div#top-foto{width:100%;display:block;overflow:hidden;position:relative}div#top-foto img{width:100%;min-height:100%;z-index:0}div#project-fotos{width:100%;display:block;overflow:hidden;position:relative}div#project-fotos img{width:auto;min-height:100%;z-index:0}#menuToggle{display:block;position:fixed;bottom:20px;right:20px;z-index:998;-webkit-user-select:none;user-select:none}#menuToggle input{display:block;width:53px;height:23px;position:absolute;top:-7px;left:0;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{display:block;position:relative;z-index:1;transform-origin:4px 0}#menu{position:absolute;width:125px;margin:-128px 0 0 -37px;padding:22px 30px 8px 0;list-style-type:none;-webkit-font-smoothing:antialiased;z-index:999;transform-origin:0% 0%;transform:translate(100%,0);transition:transform 0.5s cubic-bezier(.77,.2,.05,1)}#menu li{text-align:right}#menuToggle input:checked~ul{transform:scale(1,1);opacity:1}#menu li:first-child{margin-bottom:5px}#info{position:fixed;top:14px;right:14px;z-index:999}#info:hover,#nav_office{cursor:pointer}#info-background,#office-background{position:absolute;width:100%;height:100%;background:rgba(255,255,255,.75);z-index:800;display:none}#office-background{display:block}#office-content p{margin-bottom:7px}#info-content,#office-content{padding:100px 20px;text-align:right}#info-content h1{text-transform:uppercase;margin:0;font-size:1.2em}#info-content span.met{text-transform:uppercase}#info-content span.photosby{text-transform:uppercase}#info-content #info-tekst{text-transform:uppercase;padding:40px 0;font-weight:700;font-size:1em}.slick-list{top:3px}#tns1-ow{margin-top:3px;margin-bottom:-3px}@media only screen and (min-width:320px){#info-content,#office-content{padding:60px 20px}#info-content #info-tekst{text-transform:uppercase;padding:10px 0}#info-content{font-size:.777em}#info-content h1{font-size:1.1em}.vertical{background-size:cover}header{bottom:20px;left:20px}nav{display:none}.lijn,.lijn2{display:none}.logo{float:left;width:auto}.works-preview{margin:0;margin-left:25px}.lijn-content{width:100%;position:absolute}.slide{background-position:center 40%}.slick-next{right:8%}.slick-prev,.slick-next{top:39%}}@media only screen and (min-width:480px){.slide{background-size:cover}.vertical{background-position-x:31%;background-size:contain}.logo{float:none;width:37%;display:none}.logo a{display:none}div#project-fotos img{width:100%}.owl-carousel .owl-item img{width:75%}.slick-next{right:7%}}@media only screen and (min-height:230px){.lijn-content{margin-top:-15%}}@media only screen and (min-height:270px){.lijn-content{margin-top:-20%}}@media only screen and (min-height:320px){.lijn-content{margin-top:-25%}}@media only screen and (min-height:450px){.lijn-content{margin-top:-63%}}@media only screen and (min-height:450px) and (min-width:500px){.lijn-content{margin-top:-33%}}@media only screen and (min-height:490px){.lijn-content{margin-top:-68%}}@media only screen and (min-height:520px){.lijn-content{margin-top:-65%}.logo{float:left;width:37%;width:auto;display:block}.logo a{display:block}}@media only screen and (min-height:560px){.lijn-content{margin-top:-63%}}@media only screen and (min-height:640px){.lijn-content{margin-top:-65%}}@media only screen and (min-height:750px){.lijn-content{margin-top:-70%}}@media only screen and (min-width:600px){.vertical{background-position-x:38%}.owl-carousel .owl-item img{width:100%}.slick-next{right:5%}}@media only screen and (min-width:640px){.vertical{background-position-x:31%}}@media only screen and (min-height:768px){.logo{float:left;width:37%;width:auto;display:block}.logo a{display:block}}@media only screen and (min-width:768px){header{bottom:100px;left:12%}nav{display:block}#menuToggle{display:none}.lijn,.lijn2{display:block}.logo{width:24%;float:left;margin:0;display:block}.logo a{display:block}.lijn-content{width:70%;float:left;margin:0;position:relative;margin-top:-84px}.works-preview{margin-left:45px}#info-content,#office-content{padding:100px 20px}#info-content #info-tekst{text-transform:uppercase;padding:40px 0}#info-content{font-size:1em}#info-content h1{font-size:1.4em}.slick-prev,.slick-next{top:65%}.slick-next{right:11%}.slide{background-position:center center}}@media only screen and (min-width:800px){.vertical{background-position-x:20%}.lijn-content{width:66%}.slick-next{right:5%}.works-preview{width:81%}}@media only screen and (min-width:980px){.slide{background-size:cover}.vertical{background-size:contain;background-position-x:26%}.lijn-content{width:64%}.slick-next{right:2%}.works-preview{width:87%}}@media only screen and (min-width:1280px){.vertical{background-position-x:28%}.logo{width:25%}}@media only screen and (min-width:1920px){.works-preview{width:88%}.logo{width:20%}.lijn-content{width:70%}.slick-next{right:4%}}