nav{
	position:relative;
	display: flex;
	flex-direction: column;
	gap: var(--gap-small);
	width: fit-content;
	position:sticky;
	top:20px;
	width:311px;
	max-width: 311px;
	background-color: transparent;

}

@media (max-width: 768px) {	

	/* for all pages except home we fix the nav to the top of the page on mobile */
	#app:not(.app_home) nav{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--gap-small);
		width: 100%;
		max-width:100%;
		background-color: hsl(0, 0%, 0%, 0.5);
		position:fixed;
		top:0;
		left:0;
		z-index: 100;
		padding:10px;

	}
}

@media (max-width: 768px) {
	nav .butt{
		font-size:16px !important;
		min-height:28px;
	}
}

.eoun_logo svg{
	width:100%;
	height:auto;
}


@media (max-width: 768px) {
	.eoun_logo svg{
		width:160px;
	}
}


.eou_nav_items{
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top:18px;
}