
.mobile-nav { display:none; }
.menu-content { display:none; 
	flex-direction:column;
	justify-content: center; }
.menu-content.open { display:flex;}

@media (max-width: 768px) {
	.sidebar { display:none !important;}
	.mobile-nav { display:grid; 
		background:#111;
		color:white; 
		padding:10px;
		justify-content: center;
		text-align: center;}
	.menu-toggle { background:none; 
		border:none; 
		color:white; 
		font-size:20px;}
}


/* Smaller logo for mobile dropdown */
@media (max-width: 768px) {
	.mobile-nav img {
		max-width: 150px;
		height: auto;
	}	
}
