@charset "UTF-8";


/* CSS Document */
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

.menu{
position:fixed;
width:250px;
height: 100%;
height: calc(100% + 60px);
height: -moz-calc(100%);
padding-bottom: 60px;
background:rgba(0,0,0,0.9);	
top:-1080px;

}
.menu ul{
	width:100%;
	float:right;
	list-style-type:none;
	margin:0;
}
.menu ul li{
	border-right: 10px solid transparent;
}

.menu ul li:first-child{
	margin-top:100px;
}
.menu ul li:hover{
	background:#fff;
	border-right:10px solid #fff;
}
.menu ul li a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

.menu ul li:hover a{
color:#EEB00C;
}


/*			MENUBUTTON			*/
#menuButton{
	font-size:2em;
	color:#FFF;
    opacity: 0.8;
	margin-top: 0px;
    margin-right: 5px;
}
#menuButton a{
	cursor:pointer;
	transition:all 0.2s;
    /*color:rgba(0,0,0,0.4);*/
	color: rgb(198, 142, 17) 
}
#menuButton a:hover{
	/*color:#fff;*/
	color: rgb(198, 142, 17);
	text-decoration:underline;
    opacity: 1;
	
}
/*			CLOSEBUTTON		*/


.closeButton{
	font-size:1.5em;
	color:#fff;
	position:absolute;
	right:200px;
	top:10px;
	
}
.closeButton a:hover{
	color:#333;
	cursor:pointer;
	
}
/*			MAIN	*/
.main{
width:100%;
	margin:0 auto;
}

.main h1{
	text-align:center;
	font-size:7em;
	color:rgba(255,255,255,0.8);
	line-height:400px;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
}
.icon-heart{
font-size:0.8em;	
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
	content: "\e601";
}
.icon-heart:before {
	content: "\e602";
}
.icon-close:before {
	content: "\e600";
}