.side-navigation {
	margin: 0 auto;
}

@media (min-width: 992px) {
	.side-navigation {
		margin: 0;
	}
	
}

.aside-nav-link {
	display: block;
	text-align: center;
	border-radius: 500px;
	background-color: var(--white);
	color: var(--black); 
	padding: 10px 16px;
	width: 100%;
	font-weight: 600;
	transition: color .2s ease, background-color .2s ease;
}

.aside-nav-link:hover,
.aside-nav-link.active {
	background-color: var(--black);
	color: var(--white);
}


@media (min-width: 992px) {
	.aside-nav-link {
		text-align: start;
		border-radius: 0;
		padding: 14px 16px;
	}
}