@charset "utf-8";
/* CSS Document */

.menu {
	z-index: 1;
	background-color: rgba(52,58,64,0.5);
	overflow-x: hidden;
	text-align: left;
	position: fixed;
	font-family: quicksand;
	font-style: normal;
	font-weight: 700;
	color: rgba(249,0,4,1.00);
}

@media (max-width:767px) {
	.menu {
		background-color: rgba(52,58,64,.9);
	}
}

.link {
	text-align: left;
	font-family: quicksand;
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	color: rgba(102,11,24,1);
	text-shadow: 1px 1px rgba(0,0,0,1);
}

@media (min-width:768px){
	.menu {
		height: 100%;
		margin-left: -15px;
		margin-right: 15px;
		top: 0%;
		left: 0%;
	}
}

#sidebar {
	min-width: 130px;
	font-family: quicksand;
	font-style: normal;
	font-weight: 700;
	color: rgba(99,99,99,1);
}

.nav-link[data-toggle].collapsed:after {
	content: "►";
}

.nav-link[data-toggle]:not(.collapsed):after {
	content: "▼";
}

li a.active {
	background-color: rgba(102,11,24,.75);
	color:rgba(218,148,3,1);
}

li a:hover:not(.active) {
	background-color: rgba(0,0,0,.75);
	color: rgba(218,148,3,1);
}

@media (min-width:1200px) {
	.link {
	font-size: 20px;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.link {
	font-size: 18px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.link {
	font-size: 12px;
	}
}

@media (min-width:576px) and (max-width:767px) {
	.link {
	font-size: 18px;
	text-align: center;
	}
}

@media (max-width:575px) {
	.link {
		font-size: 18px;
		text-align: center;
	}
}