/*   Menu Flisap */



#menu {
position: fixed;
z-index: 9999;
top: 0px;
left: 0px;	
width: 100%;
}

#menu nav { display: none;	position: relative; }
.nav-colum { float: left;}


#menuclosebutton {
position: absolute;
left: 1em;	
max-widht: content;
cursor: pointer;
}


#menubutton {
position: absolute;
left: 1em;	
max-widht: content;
cursor: pointer;
}

.darktheme {
background: rgba(0,0,0,0.4);	
}


ul.linemenu {
list-style: none;	
}


ul.linemenu li {
padding: 0.4em;
cursor: pointer;
border-bottom: 1px solid #ffffff;
}


ul.linemenu li:first-child {
padding-top: 0;
}

@media (max-width: 575.98px) { 
	#menu {min-height: 2em;}
	#menubutton {top: 0.5em;}
	#menuclosebutton {top: 0.5em;}
	.nav-colum {margin-left: 0.7em; }
}
@media (min-width: 576px) and (max-width: 767.98px) { 
	#menu {min-height: 2em;}
	#menubutton {top: 0.5em;}
	#menuclosebutton {top: 0.5em;}
	.nav-colum {margin-left: 0.7em; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
	#menu {min-height: 3em;}
	#menubutton i.far {font-size: 2em;}
	#menuclosebutton i.fas {font-size: 2em;}
	#menubutton {top: 0.7em;}
	#menuclosebutton {top: 0.7em;}
	.nav-colum {margin-left: 2em; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	#menu {min-height: 3em;}
	#menubutton i.far {font-size: 2em;}
	#menuclosebutton i.fas {font-size: 2em;}
	#menubutton {top: 0.7em;}
	#menuclosebutton {top: 0.7em;}
	.nav-colum {margin-left: 2em; }
}
@media (min-width: 1200px) { 
	#menu {min-height: 3em;}
	#menubutton i.far {font-size: 2em;}
	#menuclosebutton i.fas {font-size: 2em;}
	#menubutton {top: 0.7em;}
	#menuclosebutton {top: 0.7em;}
	.nav-colum {margin-left: 2em; }
	
}