/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {clear:both;}
.cf { zoom:1;}


#header {
	position: fixed;
    width: 100%;
    height: 34px;
    z-index: 102;
	top: 0;
}

/* Base Style */
body {
    font:17px/20px OctavaOSCRegular;
    color: #fff;
}

.menu {
	z-index: 1000;
	position: fixed;
	padding: 0px 50px;
	top: 40%;
	
	li a {
		font:15px/18px 'NonameGroteskHanddrawnv4Rg';
		color: #fff;
		text-decoration: none;
		padding: 3px 10px;
	}
	li {
		margin: 15px 0;
	}
	
	.active {
		border: 3px solid #fff;
	}
}


article{
    margin:0 auto;
    max-width:515px;
    position:relative;
    z-index:20;
    padding-bottom: 150px;
    	
    	h1 {
    		font: 40px/48px 'NonameGroteskHanddrawnv4Rg';
    		span {
    			 font: italic 40px/48px OctavaOSCRegular;
    		}
    	}
    	h2 {
    		font: italic 25px/31px OctavaOSCRegular;
    	}
    	h3 {
    		font: 30px/36px 'NonameGroteskHanddrawnv4Rg';
    	}
}


/* Sliding panels */
.curtains>li {
    box-shadow:0 0 12px #666;
    background-color: rgb(255,255,255);
}
.cover-background{
    position:fixed;
    top:0;left:0;
}

/* Specific */
.section {
       background-size: cover!important;
}

.bg1 { background: url(../images/bg.jpg) 0 0 no-repeat!important;background-size: cover!important;}

iframe {
	position: absolute;
	z-index: 1000000000000000;
}

/* MENU */
#menu{
    position:fixed;
    top:20px;
    left:20px;
    z-index:20;
    padding:10px;
    background-color:#000;
}
    #menu li{margin:0}
    #menu a{
        margin:0;
    }