.nav_left {
	width: 8.33vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
	border-right: 1px solid #f0f0f0;

	#logo {
		margin: 6.8vh auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;

		img {
			width: 42%;
		}
		
		span {
			background-color: var(--citycenter-color);
			color: #fff;
			text-transform: uppercase;
			padding: 0.33vw 0.66vw;
			text-align: center;
			font-weight: 700;
			font-size: 1.1rem;
			margin-top: 0.66vw;
		}
	}
}

nav.main_menu {
	width: 100%;
}

nav.main_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav.main_menu a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0.66vw 1vw;
	border-radius: 0.8vw;
	color: var(--gris);
	text-decoration: none;
	height: 5.4vw;
	transition: all 0.3s;
	font-size: clamp(1.2rem,1.0vw,1.6rem);
}

nav.main_menu svg {
	fill: var(--gris);
	max-height: 2.6rem;
	margin: 0.4vw auto;
	transition: all 0.3s;
}

nav.main_menu li a:hover,
nav.main_menu li.active a {
	color: var(--noir);
	background-color: #f0f0f0;
}

nav.main_menu li a:hover svg,
nav.main_menu li.active a svg {
	fill: var(--noir);
}