body{height:630vh;background-color:#101010}html{scroll-behavior:smooth}#line{position:absolute;width:100vw;height:1px;background-color:red}.fundatie{z-index:2}.background{background-color:#101010;width:100%;height:100%;max-width:1920px;margin:auto;overflow:hidden}.page-position{height:800px;width:1500px;left:50%;margin:auto;overflow:hidden}.menu{position:fixed;height:300px;width:300px;transform:translate(50%,100%);display:flex;flex-direction:column;transition:.5s 0s}.menu-link{color:#fff;font-family:Lato,Helvetica,Arial,sans-serif;font-weight:100;font-size:17px;text-decoration:none;opacity:50%;margin-top:35px;transition:.5s 0s}.menu-active{text-shadow:0 0 1px #fff;opacity:100%;transition:.5s 0s}.menu-none{opacity:0;visibility:hidden;transition:.7s 0s}.menu-link:hover{text-shadow:0 0 1px #fff;opacity:100%}.content{height:70%;width:auto;margin-left:30%;margin-top:15%;transform:translate(0,-15%)}.images{height:300px;width:auto;margin-top:70px;display:flex;flex-direction:row}.image-small{height:300px;width:75px;border-radius:5px;object-fit:cover;margin-left:10px;background-color:#303030;transition:.5s 70ms;filter:grayscale(100%)}.image-small:hover{width:400px;transition:.55s 0s;filter:grayscale(0)}.first-img{margin-left:0}.u{width:70px}.i{width:63px}.f{width:58px}.s{width:50px}.z{width:48px}.links{position:fixed;height:30px;width:400px;transform:translate(350%,100%);z-index:3}.link{color:#fff;font-family:Lato,Helvetica,Arial,sans-serif;font-weight:100;font-size:18px;text-decoration:none;opacity:70%;margin-left:50px;transition:.5s 0s}.link-none{opacity:0;visibility:hidden;transition:.5s 0s}.link:hover{text-shadow:0 0 1px #fff;opacity:100%}.text h1{color:#fff;font-family:Lato,Helvetica,Arial,sans-serif;font-weight:200;font-size:35px;margin-top:350px}.text p{font-size:18px;width:650px;margin-top:70px}@media only screen and (max-width:1250px){.menu{display:none}.content h1{font-size:7vw;margin-top:0}.content p{font-size:40px}}@media only screen and (max-width:1500px){body{height:auto}.links a{font-size:30px;opacity:100%;font-weight:400;color:#777}.links{position:static;transform:translate(5%,300%)}.menu{font-size:80px;transform:translate(20%,150%)}.page-position{width:600px;height:auto;overflow:visible;margin-top:300px}.content{margin-left:0;margin-top:0;height:auto;transform:translate(0,0)}.content h1{font-size:7vw;margin-top:0}.content p{font-size:30px}.images{flex-direction:column;height:auto}.image-small{height:100px;width:450px;margin:auto;margin-top:30px;transition:.7s 0s}.image-small:hover{height:300px;width:300px;transition:.55s 0s;filter:grayscale(0)}.image-big{height:400px;width:500px;transition:.55s 0s;filter:grayscale(0)}}@media only screen and (max-width:900px){.background{width:100vw;margin:auto}.page-position{width:100vw;overflow:hidden}.content{width:90%;margin:0 auto}.content p{width:100%;font-size:18px}.content h1{font-size:35px}.image-small{width:90%}.image-big{width:100%}.links a{font-size:19px}}.contact-form{padding-left:50px}.contact-form button,.contact-form input,.contact-form textarea{background-color:#101010}.background-fullscreen{position:fixed;z-index:4;height:100%;width:100%;background-color:#101010;transition:.5s 0s}.blank{display:none}#fullscreen-p{display:none}.picture-fullscreen{display:block!important;position:fixed;z-index:5;height:100%;width:auto;max-width:100%;margin-left:50%;transform:translate(-50%,0);object-fit:contain;transition:0s 0s}#submit{margin-bottom:0;font-weight:400}@media only screen and (max-width:1300px){#contact,.contact-email,.contact-form input,.contact-form textarea,.contact-phone{margin-left:0}.contact-form button{margin-left:500px}.contact-form{width:700px;margin-left:50%;transform:translate(-50%,0);margin-top:250px}.contact-form input{width:300px;height:40px;font-size:25px}.contact-form textarea{width:600px;height:300px;font-size:25px}.contact-form button{width:100px;height:50px;font-size:25px;margin-bottom:500px}#contact{font-size:50px}#email,#number{font-size:25px}.icon-small{height:25px;width:25px;margin-top:10px}.contact-email{margin-top:20px}}@media only screen and (max-width:900px){#pos_contact{width:100%;overflow:hidden}#pos_contact input,#pos_contact textarea{width:90%;font-size:18px}#email,#number{font-size:18px}.icon-small{height:18px;width:18px;margin-top:2px}#submit{margin-left:50vw;font-size:18px;height:40px}}.framing{margin-top:100px}.designed{margin-top:8vh}.button{position:fixed;z-index:6;height:50px;width:50px;border-radius:5px;background-color:#aaa;opacity:20%;border:none;visibility:hidden}.button:hover{opacity:30%;height:55px;width:150px;transition:.3s 0s}#fullscreen-exit{right:0;margin-right:15%;margin-top:1%;background-color:#505050;opacity:100%;border-radius:50px}#button-exit{height:20px;width:20px;position:relative;margin-top:9%;object-fit:contain}#fullscreen-exit:hover{background-color:#606060;width:55px}#fullscreen-next{height:250px;right:0;margin-right:2%;margin-top:40vh;opacity:50%;transition:.5s 0s}#button-next{position:relative;margin-top:9%;margin-left:5%;height:20px;width:20px;object-fit:contain}#fullscreen-prev{height:250px;left:0;margin-left:2%;margin-top:40vh;opacity:50%;transition:.5s 0s}#fullscreen-next:hover,#fullscreen-prev:hover{opacity:80%;transition:.5s 0s}#button-prev{position:relative;margin-top:9%;margin-right:5%;height:20px;width:20px;object-fit:contain}@media only screen and (max-width:1300px){.button:hover{opacity:80%;height:50px;width:50px}#fullscreen-exit{margin-top:10%;width:100px}}