/*******MENU COL***********/
.menu-grid{
 	display: flex;
    flex-wrap: wrap; 
	justify-content: space-between;
	}
 

.menu-grid .column{
	width:50%;
	height:100vh;
	justify-content: space-between;
	flex-direction:column;
	display:flex;
	padding:100px 0;
}

.menu-grid .column h2{
	font-size:20px; 
}

/* HAMBURGER */
.menu-btn{
    width:40px;
    height:60px;
    /*border:2px solid rgba(0,0,0,0.7);*/
    display:flex;
    flex-direction:column;
    justify-content:center;
   /* align-items:center;*/
    cursor:pointer;
    position:relative;
    transition:0.9s;
 
 
}

.menu-btn span{
    width:100%;
    height:2px;
    background:var(--white);
    margin:4px 0;
    transition:0.4s;
}
.menu-btn span:nth-child(2){
 	width:70%;
 }
 .menu-btn span:nth-child(3){
 	width:40%;
 }
/* FULLSCREEN MENU */
.fullscreen-menu{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:var(--black);
	color:var(--white);
    z-index:9999999;
    display:flex;
    justify-content:center;
    /*align-items:center;*/
    flex-direction:column;
    opacity:0;
    visibility:hidden;
    transform:scale(1.05);
    transition:0.5s ease;	
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../images/backgrounds/menu-bg.jpg);
}

/* ACTIVE MENU */
.fullscreen-menu.active{
    opacity:1;
    visibility:visible;
    transform:scale(1);
}

/* CLOSE BUTTON */
.close-btn{
    position:absolute;
    top:35px;
    right:50px;
    width:60px;
    height:60px;
    cursor:pointer;
}

.close-btn::before,
.close-btn::after{
    content:'';
    position:absolute;
    top:28px;
    left:10px;
    width:40px;
    height:2px;
    background:#fff;
}

.close-btn::before{
    transform:rotate(45deg);
}

.close-btn::after{
    transform:rotate(-45deg);
}

/* MENU LINKS */
.fullscreen-menu ul{
    list-style:none;
	margin:0;
	padding:0;
	width:100%;
    
}

.fullscreen-menu ul li{
    margin:0;
	padding:0;
    overflow:hidden;
}

.fullscreen-menu ul li a{
    widh:100%;
	display:flex;
	align-items: center;
	color:#fff;
    text-decoration:none;
    font-size:34px;
    font-weight:var(--bold);
    letter-spacing:0;
    transition:0.3s;
    position:relative;
	padding:20px 50px;
	border-bottom:1px solid rgba(255, 255,255, 0.1);
}
.fullscreen-menu ul li a:before{
	width:100%;
	height:0;
	position:absolute;
	left:0;
	bottom:0;
	content:'';
	background-color:rgba(255, 255,255, 0.1);
	transition: all 0.4s ease;
	opacity:0.3;
}
.fullscreen-menu ul li a:hover:before{
	height:100%;
	top:0;
	
}
.fullscreen-menu ul li a:hover{
 	padding:20px 40px;
}

.fullscreen-menu ul li a span{
	position:relative;
	z-index:2;
}

.number{
	color:rgba(255, 255,255, 0.2);
	font-size:16px;
	display:inline-block;
	margin-right:10px;
}
/* RESPONSIVE */
@media(max-width:768px){
 
.fullscreen-menu ul li a{
    font-size:24px; 
	padding:10px 20px;
}
 .close-btn{
        right:20px;
		top:20px;
    }
 
.menu-grid .column{
	width:100%;
	padding:20px 0;
	align-items: center;
	justify-content:center;
}
.fullscreen-menu{     
	background-image: none);
}

}

@media(max-width:640px){

.menu-btn{
	order:2;
}

.fullscreen-menu{    
	background-image: url(../images/backgrounds/menu-bg-mobile.jpg);
}
}