.menu{
	width: 75px;
	height: 75px;
	position: absolute;
	margin: auto;
	left: -1%;
	right: -1%;
	text-align:center;
	line-height:50px;
	top: -1%;
	bottom: -1%;
	z-index: 50;
	background-color: #2d2201;
	border-radius: 100%;
	color:#FFF;
	border: 4px solid #fbbd01;
	}
.menu li{
	opacity:0;
	width: 60px;
	height: 60px;
	left: 39%;
	top: 39%;
	color:#000;
	position:absolute;
	text-align:center;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,.9);border-radius: 100%;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
		
	}
.menu ul{
	
		-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
	}	
.menu ul{
	width:0px;
	height:0px;
	border-radius:100%;
	left:0px;
	top:0px;
	position:absolute;
	z-index:0;
	
	}		
.menu:hover ul{
	width: 250px;
	height: 250px;
	left: -134%;
	top: -140%;
	
	}
.menu:hover li{
	opacity:1;}	
		
.menu:hover .home{
	top:0px;
	left:37%;
	transition-delay:.1s;
	-webkit-transition-delay:.1s;
	}	
.menu:hover .about{
	top:27%;
	left:75.5%;
	transition-delay:.2s;
	-webkit-transition-delay:.2s;
	}
.menu:hover .events{
	top:67%;
	left:60%;
	transition-delay:.3s;
	-webkit-transition-delay:.3s;
	
	}	
.menu:hover .gallery{
	top:67%;
	left:13%;
	transition-delay:.4s;
	-webkit-transition-delay:.4s;
	}
.menu:hover .contact{
	top:27%;
	left:0%;
	transition-delay:.5s;
	-webkit-transition-delay:.5s;
	}