html{font-size:16px;font-family:"Open Sans", sans-serif}@media (min-width: 720px){html{font-size:18px}}@media (min-width: 1200px){html{font-size:20px}}html,body{margin:0;padding:0}.wrapper{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}section{padding-top:2em;padding-bottom:4em}h1,h2,h3{font-family:"Alfa Slab One",serif;text-transform:uppercase;text-align:center;margin:0}h1{position:absolute;display:inline-block;float:left;margin:0;padding:0;font-size:1em;color:white;text-decoration:none}h2{font-size:2em;margin:0.5em}p{margin:0}header{position:fixed;top:0;left:0;z-index:1;background:#79160e;width:100%;transition:all 0.5s}header .wrapper{height:100%}header #logo{position:absolute;height:100%;float:left;transition:all 0.6s ease-in-out;margin:10px}header #logo img{height:75%}header h1{transition:all 0.6s ease-in-out}header.big{height:90px}header.big div#logo{visibility:hidden;opacity:1}@media (min-width: 720px){header.big div#logo{visibility:visible}}header.big h1{visibility:hidden;opacity:0;line-height:90px}header.big nav li a{font-size:1em}header.small{height:60px}header.small div#logo{visibility:hidden;opacity:0}header.small h1{visibility:hidden;opacity:1;line-height:60px}@media (min-width: 720px){header.small h1{visibility:visible}}header.small nav ul li a{font-size:0.6em}nav{height:100%;width:75%;max-width:1200px;float:right}nav ul{height:100%;margin:0;display:flex;flex-direction:row;list-style:none;justify-content:flex-end;align-items:center}nav ul li a{display:inline-block;margin:15px 0 15px 15px;padding:10px 30px;border:solid 2px #fff;font-family:"Alfa Slab One",serif;text-transform:uppercase;color:#fff;text-decoration:none;transition:all 0.5s}nav ul li a:hover{color:#de9629;border:solid 2px #de9629}body{background-color:#79160e;background-image:url(../images/baggrundsvideoStill.jpg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}section#top{min-height:60vh;padding-top:calc(2em + 90px)}section#bio{background-color:#fbebcf}section.bigImage{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;max-height:400px;min-height:40vh}#bigImage1{background-image:linear-gradient(rgba(223,150,40,0.3), rgba(223,150,40,0.3)),url(../images/dans.jpg)}#bigImage2{background-image:linear-gradient(rgba(223,150,40,0.3), rgba(223,150,40,0.3)),url(../images/guitar.jpg)}section#gallery{background:#de9629}section#contact{background:#fbebcf}footer{background-color:#79160e}section#top .wrapper{text-align:center}section#top .wrapper .hero{background-color:rgba(121,22,14,0.8);min-width:200px;max-width:50%;margin:3em auto 3em auto;padding:2em;color:#fff}section#top .wrapper .hero div.quote{position:relative}section#top .wrapper .hero span{position:relative;font-family:"Alfa Slab One",serif;text-transform:uppercase;font-size:1.25em;z-index:0}section#top .wrapper .hero span:before{content:"\201C";position:absolute;display:block;font-size:5em;z-index:-1;left:-35px;top:-45px;color:#fbebcf;opacity:0.8}section#top video{position:fixed;top:0;left:0;z-index:-1;object-fit:cover;width:100%;height:100%}section#top img.logo{display:block;margin:0 auto;width:50%;min-width:200px}section#top button{text-align:center;padding:0.5em 0.75em;margin-top:1em;border:solid 2px #000;font-size:1.25em;background:#fbebcf;box-sizing:border-box;box-shadow:0 0.125em 0 rgba(0,0,0,0.4);color:#000;font-family:"Khand",sans-serif;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease-in-out}section#top button:hover{color:white;background:#de9629}section#top button:focus{outline:0}.characters{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}.characters>div{width:100%;margin:0;display:flex;align-items:center;justify-content:center}.characters>div div{position:absolute}@media (min-width: 1200px){.characters>div{width:48%}}.characters div img{max-height:400px;max-width:100%}.description{width:200px}@media (max-width: 720px){.characters div{width:100%}}.characters h3{text-align:left}#galleryContainer{width:100%}#galleryContainer .row{display:flex;flex-wrap:wrap;flex-direction:row;font-size:0;margin-bottom:0px;flex:1}#galleryContainer .row div{width:calc(50% - 8px);height:300px;margin:4px}#galleryContainer .row div img{height:100%;width:100%;object-fit:cover;cursor:pointer;opacity:0.7;transition:opacity 0.3s ease-in-out}#galleryContainer .row div img:hover{opacity:1}@media (min-width: 720px){#galleryContainer .row{height:316px}#galleryContainer #row1{flex-direction:column}#galleryContainer #row1 div{width:calc(66% / 2);height:150px}#galleryContainer #row1 div:nth-child(3n+0){width:33%;height:308px}#galleryContainer #row2{flex-direction:column}#galleryContainer #row2 div{width:calc(66% / 2);height:150px}#galleryContainer #row2 div:nth-child(3n+1){width:33%;height:308px}}section#contact div.formContainer{max-width:700px;width:80%;margin:auto}section#contact div.formContainer form{display:flex;flex-direction:column;align-items:flex-end;width:100%}section#contact div.formContainer form label{display:none}section#contact div.formContainer form input,section#contact div.formContainer form textarea{font-family:"Open Sans",sans-serif;margin:0 0 1em;width:100%;padding:0.75em;font-size:0.75em;border:solid 2px #000;background:#fbebcf;box-sizing:border-box}section#contact div.formContainer form input:focus,section#contact div.formContainer form input,section#contact div.formContainer form textarea,section#contact div.formContainer form button{outline:0}section#contact div.formContainer form input,section#contact div.formContainer form textarea{transition:all 0.3s ease-in-out;font-size:0.85em}section#contact div.formContainer form input:focus,section#contact div.formContainer form textarea:focus{border:solid 2px #de9629}section#contact div.formContainer form input[type="submit"]{font-family:"Khand",sans-serif;font-size:.85em;text-transform:uppercase;width:40%;float:right;clear:both;background-color:#79160e;box-shadow:0 0.125em 0 rgba(0,0,0,0.4);color:white;cursor:pointer}section#contact div.formContainer form input[type="submit"]:hover{color:#de9629}.social{width:200px;margin:50px auto 0 auto;display:flex;justify-content:space-around}.social img{height:50px;opacity:0.5;transition:opacity 0.3s linear}.social img:hover{opacity:1}footer{padding:20px;text-align:center;color:#fff;font-family:"Khand",sans-serif;text-transform:uppercase}#modal,#videoModal{position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;display:flex;justify-content:center;align-items:center}#modal img,#videoModal img{margin:auto;display:block;transition:opacity 0.6s ease-in-out;border:4px solid white;max-width:80%;max-height:80%}#modal #close,#modal #videoClose,#videoModal #close,#videoModal #videoClose{position:fixed;right:5%;top:0;font-size:60px;text-align:right;color:white;cursor:pointer;border:none;transition:opacity .6s ease-in-out}#videoModal iframe{transition:opacity 0.6s ease-in-out;display:block;margin:0 auto}.hidden{visibility:hidden;transition:all .6s ease-in-out}.hidden img{opacity:0}.hidden iframe{display:none;opacity:0}.hidden #close,.hidden #videoClose{opacity:0}.visible{visibility:visible;transition:all .6s ease-in-out;background:rgba(0,0,0,0.8)}.visible img{opacity:1}.visible iframe{display:block;opacity:1}.visible #close,.visible #videoClose{opacity:1}

/*# sourceMappingURL=style.css.map */