@import url(https://fonts.cdnfonts.com/css/boston);body,html{padding:0;margin:0;color:#fff}a,a:hover,body,div#navigatie a,h1,h2,h3,html{color:#fff}:root{--blue:#4d96a5}html{overflow:-moz-scrollbars-vertical;font-family:Boston,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:#000;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{text-decoration:underline}img{max-width:100%;height:auto!important}div#content{width:500px;left:230px;padding:0 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:100%;height:100%}div#content h1{font-size:50px;line-height:40px;text-transform:uppercase}div#navigatie{padding:25px;z-index:1;position:fixed;top:30vh}div#navigatie.navScroll{position:absolute}div#navigatie div{padding:5px 20px;font-size:18px;width:100%;display:block}div#navigatie a{text-decoration:none;padding:10px 10px 10px 50px;margin:-5px -20px -5px -50px;display:inline-block;width:100%}div#navigatie a:hover{background-color:rgba(255,255,255,.2)}div#navigatie a.act{background-color:#fff;color:#3c92aa}div#navigatie a.act:hover{color:#21697d}div#social{right:50px;top:50px;position:fixed;width:160px;display:flex;align-self:flex-start;justify-content:space-between}div#social.navScroll{position:absolute}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:1600px){div#content{max-width:400px;left:200px}}@media only screen and (max-width:1024px){div#mobile,div#navigatie div{width:100%}div#close,div#navigatie,div#slider-right,div#slider-right>*{display:none}div#mobile{background:url(../images/mobile.jpg) center center;background-size:cover;display:block;height:400px;height:50vw}.content-spacer{min-height:1px}div#navigatie{position:absolute;width:calc(100% - 50px);border-bottom:5px solid var(--blue);z-index:5;left:0;top:0;padding-top:100px;padding-bottom:20px;background-color:#09354b}div#social{top:30px;position:absolute;left:30px}div#content{margin-right:auto;position:relative;left:30px;margin-left:0;padding-left:0;width:calc(100% - 60px);margin-top:20px;max-width:10000px}div#content h1{margin-top:0;margin-right:-30px}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#close{background:url(../images/close.png);background-size:contain}}@media only screen and (max-width:500px){input,select,textarea{width:auto!important}div#content h1{font-size:30px;line-height:24px}}