body,html{padding:0;margin:0;color:#fff}body,div#navigatie a,h1,h2,h3,html{color:#fff}:root{--blue:#4d96a5;--green:#6e8637;--brown:#513a24}html{overflow:-moz-scrollbars-vertical;font-family:Poppins,sans-serif;line-height:140%;font-size:17px;font-weight:400}div#navigatie,h1,h2,h3{font-weight:700;text-transform:uppercase}body{background-color:var(--green);min-height:100%;overflow-x:hidden}h1,h2,h3{line-height:90%;text-align:left}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}a,a:hover{color:var(--brown);text-decoration:underline}img{max-width:100%;height:auto!important}div#content{max-width:500px;left:calc(50% + 30px);padding:0 50px 20px 20px;margin-top:157px;z-index:3;position:absolute}.content-spacer{min-height:550px;min-height:calc(100vh - 400px);max-width:700px}div#slider-right{position:fixed;z-index:-100;width:50%;height:100%}div#content h1{font-size:50px;line-height:40px;text-transform:uppercase}div#navigatie{z-index:1;position:fixed;top:25vh;right:50%}div#navigatie.navScroll,div#social,div#social.navScroll{position:absolute}div#navigatie div{padding:5px 10px;font-size:18px;width:calc(100% - 10px);display:block}div#navigatie a{text-decoration:none;padding:10px;display:inline-block;width:calc(100% - 20px);background-color:var(--brown);margin-bottom:2px}div#navigatie a.act,div#navigatie a:hover{background-color:var(--green)}div#navigatie a.act{color:var(--brown)}div#navigatie a.act:hover{color:#fff}div#social{right:50px;top:50px;width:160px;display:flex;align-self:flex-start;justify-content:space-between}div#social img{margin:1px 5px;width:45px;height:45px;opacity:.9}div#social img:hover{opacity:1}button,input,select,textarea{width:200px!important;font-family:Roboto,sans-serif;border:0;padding:5px;margin-bottom:1px}input,select,textarea{border:1px solid #fff;background-color:#fff;color:var(--blue)}button,input[type=submit]{border:1px solid #62564b;color:#fff;background-color:var(--blue)}button{width:auto!important}input[type=button],input[type=submit]{color:#fff;background-color:#000;border:1px solid rgba(0,0,0,.3)}div.discografie,div.gallery,div.gallerybig{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));grid-gap:10px}div.discografie,div.gallerybig{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}div.gallery div,div.gallerybig div{display:flex;filter:grayscale(100%)}div.discografie div.cd{display:flex}div.cd{background-color:rgba(255,255,255,.4)}div.artwork{padding-bottom:10%}div.content{padding:0 10px}div.discografie div.cd:hover,div.gallery div:hover,div.gallerybig div:hover{filter:grayscale(0)}div.discografie div.cd div a,div.gallery div a,div.gallerybig div a{height:10%;width:100%;padding-top:90%;display:inline-block;text-align:center;justify-content:center;align-self:center;text-transform:uppercase;text-decoration:none!important}div.discografie div.cd div a span,div.gallerybig div a span{background-color:#000;color:#fff;padding:0 10px;display:inline-block;height:auto}.discografie div.cd::before,.gallery::before,.gallerybig::before{content:'';width:0;padding-bottom:100%;grid-row:1/1;grid-column:1/1}.discografie div.cd::before{padding-bottom:0}.discografie div.cd>:first-child,.gallery>:first-child,.gallerybig>:first-child{grid-row:1/1;grid-column:1/1}.slider div,div#layerslider,div#layersliderright{width:100%;height:100%}.slider{overflow:hidden}.shaded{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.6);-moz-box-shadow:0 0 3px 0 rgba(0,0,0,.6);box-shadow:0 0 3px 0 rgba(0,0,0,.6)}.animate,.animate *{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}table{min-width:100%}table td{vertical-align:top}.row{margin-bottom:0;display:block;width:100%;overflow:hidden}.row div.column{width:48%;float:left}.row div.column:nth-child(1){margin-right:2%}.row div.column:nth-child(2){margin-left:2%}.row h4{margin:20px 0}div.youtube-video{position:relative;width:100%;height:0;padding-bottom:56.25%}iframe.youtube-video{position:absolute;top:0;left:0;width:100%;height:100%}div#container{z-index:2;min-height:100%;position:relative}div#footer{position:relative;clear:both;background-color:#cab07b;width:calc(100% - 100px);padding:30px 50px}div#footer h2{color:#fff}@media only screen and (max-width:1300px){div#slider-right{width:45%}div#navigatie{right:55%}div#content{left:calc(45% + 30px)}}@media only screen and (max-width:1200px){div#slider-right{width:100%;height:50vw;margin-top:0;position:relative}div#navigatie{position:absolute;right:auto;left:0;top:50vw;min-height:50vw;width:200px}div#content{left:200px;margin-top:50vw;top:-20px;max-width:100%}div#social{top:20px;right:20px}div#navigatie a{color:#fff;text-decoration:none;padding:10px;display:inline-block;width:calc(100% - 20px);background-color:var(--green);margin-bottom:2px}div#navigatie a.act,div#navigatie a:hover{background-color:var(--brown)}div#navigatie a.act{color:var(--green)}div#navigatie a.act:hover{color:#fff}div#navigatie div{padding:0}}@media only screen and (max-width:700px){div#close,div#hamburger{position:absolute;z-index:1000;width:40px;height:40px;margin:10px;right:15px;top:15px;background:url(../images/hamburger.png);background-size:contain;cursor:pointer}div#social{right:auto;left:10px}div#slider-right{top:80px}div#close{background:url(../images/close.png);background-size:contain;display:none}div#navigatie{position:absolute;width:calc(100%);border-bottom:5px solid var(--brown);z-index:5;left:0;top:0;padding-top:100px;padding-bottom:20px;background-color:var(--green);display:none}div#content{top:70px;left:0}div#navigatie a{width:100%}}@media only screen and (max-width:500px){input,select,textarea{width:auto!important}div#content h1{font-size:30px;line-height:24px}}