@media ( orientation : landscape) {

	.leftmenu{
		display: inline-flex;
		position: absolute;
		width: 20em;
		height: 100%;
		box-shadow: 5px 0 5px -3px rgba(0, 0, 0, 0.3);
		flex-flow: column;
		flex-wrap: wrap;
    	justify-content: flex-start;
    	align-items: center;
    	align-content: center;
	}
	.leftmenuhidden{
		left: -20em;
	}
	.leftmenuvisible{
		left: 0em;
	}
	
	.menuheader{
		display: flex;
		position: relative;
		width: 100%;
		height: 4em;
		flex-flow: wrap;
		flex-wrap: wrap;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
    	clear: both;
	}
	.menuclose{
		display: block;
		position: relative;
		float: right;
		margin-right: 0.5em;
		width: 1.5em;
		height: 1.5em;
		margin: 0.5em;
	}
	.menuclose img{
		display: block;
		position: relative;
		object-fit: contain;
		width: 1.5em;
		height: 1.5em;
		object-fit: contain;
	}
	.menuitem{
		display: flex;
		position: relative;
		width: 90%;
		margin: 0.2em 0.2em 0.2em 1em;
		height: 3.5em;
		border-radius: 0.5em;
		flex-flow: wrap;
		flex-wrap: wrap;
    	justify-content: start;
    	align-items: center;
    	align-content: center;
    	clear: both;
	}
	.menuitem:hover{
		background-color: var(--bora-bgcolor);;
	}
	
}

@media ( orientation : portrait) {

	
}