.menu-e1{
	background-color:rgba(255,255,255,0.9);
	backdrop-filter:blur(8px);
	position:fixed;
	height:100vh;
	width:100%;
	overflow-y:auto;
	padding-top:10rem;
	z-index:100;
}
.menu-e1 nav h3, footer nav h3{
	margin-bottom:2rem;
}
.menu-e1 nav a, .menu-e1 nav p, footer nav a, footer nav p{
	color: var(--c2);
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	cursor: pointer;
	transition: all 0.2s;
}
.menu-e1 nav a:hover, .menu-e1 nav p:hover, footer nav a:hover, footer nav p:hover{
	color: var(--c4);
}
.menu-e2{
	width:2.5rem;
	min-width:2.5rem;
}
.menu-e2_1{
	top:0;
	display:flex;
	width:100%;
	height:3px;
	background-color:var(--c2);
}
.menu-e2_2{
	display:flex;
	width:70%;
	height:3px;
	background-color:var(--c2);
	margin-top:0.6rem;
	margin-bottom:0.6rem;
}
.menu-e2_3{
	bottom:0;
	display:flex;
	width:50%;
	height:3px;
	background-color:var(--c2);
}
.menu-e2:hover div{
	width:100%;
}
.menu-e3 .menu-e2_2{
	opacity:0;
}
.menu-e3 .menu-e2_1{
	transform:rotate(45deg);
	top:0.8rem;
}
.menu-e3 .menu-e2_3{
	width: 100%;
	transform:rotate(-45deg);
	bottom:0.8rem;
}
.menu-e4:hover .t1{
	width:100%;
}
#menu nav p, footer nav p{
	margin-bottom:0.7rem;
}
#menu nav, footer nav {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2rem;
}
@media screen and (min-width:1550px){
	/* #menu_burger{
		display:none !important;
	}
	#menu_burger2{
		display:none !important;
	}
	#menu{
		display:none !important;
	} */
}
@media screen and (max-width:1000px){
	#menu nav, footer nav {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 3rem;
		padding-bottom: 5rem;
	}
}
@media screen and (max-width:650px){
	.menu-e1{
		padding-top:7rem;
	}
	#menu nav, footer nav {
		grid-template-columns: repeat(1, 1fr);
	}
}