@import url(https://fonts.googleapis.com/css?family=Marck+Script);
@import url(https://fonts.googleapis.com/css?family=Courgette);
@charset "utf-8";
.color1{color:#e1dabe;}
.color2{color:#dbceae;}
.color3{color:#d5c39f;}
.color4{color:#837158;}
.color5{color:#554c40;}

.color6{color:#9c1f1b;}
.color7{color:#7b1c18;}

html {
  position:relative;
  min-height:100%;
}
body{margin-bottom:80px; background-color:#e1dabe; color:#554c40; font-size:16px; font-family:'Courgette', serif;}
h1{color:#554c40; font-size:40px; font-family:'Marck Script', serif;}
h2{color:#554c40; font-size:36px; font-family:'Marck Script', serif;}
h3{color:#554c40; font-size:24px; font-family:'Marck Script', serif;}
a, a:active, a:visited{color:#9c1f1b; text-decoration:none;}
a:hover{color:#7b1c18; text-decoration:none;}

.bottom-marg{margin-bottom:30px;}
.top-marg{margin-top:30px;}

.seperator{display:block; float:left; width:100%; height:12px; background-color:#d5c39f; border-top:2px solid #554c40; border-bottom:2px solid #554c40;}

.header{display:block; float:left; width:100%; height:80px;}
.header-content{padding-left:20px; padding-right:20px; line-height:80px;}
.header-title{color:#554c40; font-size:40px; font-family:'Marck Script', serif;}
.header-title:hover{color:#9c1f1b;}
.header-menu{display:block; float:right; background-color:color:#e1dabe; z-index:300;}
.menu-btn{color:#554c40; background-color:#e1dabe;}
.menu-btn span{color:#554c40;}

.slideshow{display:block; float:left; width:100%; height:500px;}

.page-wrapper{display:block; float:left; width:100%;}
.page-content{padding:20px; margin-bottom:80px;}
.page-bg{background-image:url(../grafikk/dementor.png); background-repeat:no-repeat; background-position:right; background-size:contain;}
.featured-img{margin-bottom:20px; border:5px solid #554c40; width:100%;}
.featured-img:hover{opacity:0.6;}

.disable{opacity:0.1;}
.over:hover{opacity:0.6;}
.play-img{width:50%; margin-left:25%; margin-right:25%;}
.play-img:hover{cursor:pointer;}
.stor{font-size:24px;}

.footer{position:absolute; bottom:0; width:100%; height:80px; background-color:#e1dabe;}
.footer-content{text-align:center; padding-left:20px; padding-right:20px; }

/* Navbar farger */
.navbar{z-index:9999; width:50%; height:60px; margin-top:10px; float:right; background-color: #e1dabe;}
.navbar-nav{background-color: #e1dabe;}
.navbar-inverse { background-color: #e1dabe;}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #e1dabe}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #e1dabe}
.dropdown-menu { background-color:#e1dabe;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color:#e1dabe;}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none;}
.navbar-inverse { border-color: #e1dabe;}
.navbar-inverse .navbar-brand { color: #554c40;}
.navbar-inverse .navbar-nav>li>a { color: #554c40;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #9c1f1b;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #9c1f1b;}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #9c1f1b;}
.dropdown-menu>li>a { color: #554c40;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #9c1f1b;}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #554c40;}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #9c1f1b;}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #554c40;}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #9c1f1b;}
.navbar-brand{font-family:'Marck Script', serif;} 
.navbar-nav li a{font-family:'Marck Script', serif;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none;}
.navbar-nav li a{
    line-height:60px;
    height:60px;
    padding-top:0;
	font-size:34px;
	letter-spacing:1px;
    text-align:center;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: #d5c39f;}
.navbar-inverse .navbar-toggle{border-color:#837158;}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#554c40;}

/* Image zoomer
-------------------------------------------------- */
.thumbnail{position:relative;}
.imghover{z-index:99;}
.imghover:hover .thumbnail{opacity:0.6;}
.zoomer{width:10%; height:10%; position:absolute; top:40%; left:45%; display:none; z-index:100;}
.imghover:hover .zoomer{display:block;}

@media only screen and (max-width: 992px) {
    .slideshow{height:350px;}
    .header-title{font-size:30px;}
    .navbar-nav li a {font-size:26px;}
}
@media only screen and (max-width: 767px) {
    .slideshow{height:300px;}
    .header-title{font-size:30px;}
    .navbar-nav li a {font-size:30px;}
    .navbar-nav{ border:1px solid #837158;}
    .navbar-nav li a{border-bottom: 1px solid #dbceae;}
    .stor{font-size:16px;}
}
@media only screen and (max-width: 545px) {
    .slideshow{height:200px;}
    .header-title{font-size:24px;}
}
@media only screen and (max-width: 447px) {
    .header-title{font-size:18px;}
}