menu-element{font-size:1.1rem;}
menu-element:active{background:#eee;}
menu-list{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:20px;}

@media screen and (max-width:1450px){
	menu-element{font-size:1.05rem;}
}

@media screen and (min-width:750px){
	menu-element{white-space:nowrap}
}

@media screen and (max-width:700px){
	menu-container{position:fixed;z-index:+1000;bottom:0px;left:0px;width:100vw!important;overflow:hidden;background:#fff;box-shadow:0px -2px 2px 0px rgba(0,0,0,0.15);transform:translateY(90px);width:100%;max-width:100%;}
	menu-list{display:grid;grid-template-columns:repeat(5,1fr);gap:0px;}

	menu-container.open{transform:translateY(0px);}
	menu-list menu-element a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:5px;color:var(--green);border-right:1px solid #eee;border-bottom:1px solid #eee;width:100%;height:84px;min-height:84px;max-height:84px;}
	menu-list menu-element a i{font-size:1.5rem!important;}
	menu-list menu-element a span{display:block;width:100%;text-align:center;line-height:1;font-size:.9rem;}
	menu-over{display:none;width:100vw;height:100vh;position:fixed;z-index:+1;top:0px;left:0px;background:rgba(0,0,0,0.4);}
	menu-over.open{display:flex;}
	
	menu-element:nth-child(-n+4){order:1;}
	menu-element:nth-child(n+5){order:3;}
	menu-element.ham{order:2;text-align:center;}
	menu-element:active{background:#eee;border-radius:var(--border-radius);}
	menu-element svg{fill:var(--main-color);width:60px;height:60px;}
}