/*---------------------navbar--------------------------------------------------------*/
#navbar {
	/*overflow: hidden;*/
	background-color: #f1f1f1;
	/*transition: 0.4s;*/
	position: fixed;
	width: 100%;
	top: 0;
	/*z-index: 99;*/
	border-radius: 10px;
	padding: 15px 15px;
	
}
#navbarspace{
	/*padding-bottom:16rem;*/
}
#navbar a {
	float: left;
	color: black;
	text-align: center;
	margin-top:10px;
	padding:10px;
	text-decoration: none;
	font-size: 18px; 
	line-height: 10px;
	border-radius: 10px;
}

#navbar #logo {
	font-size: 40px;
	font-weight: bold;
	transition: 0.4s;
	border-radius: 10px;
	padding: 15px 15px;
}

#navbar a:hover {
	background-color: #ddd;
	color: black;
	font-size: 24px;

}

#navbar a.active {
	background-color: dodgerblue;
	color: white;
	font-size: 20px;

}

#navbar-right {
	float: right;
	padding-bottom: 10px;
	font-size: 24px;

}

@media screen and (max-width: 600px) {
	#navbar {
		padding: 0 0 5px 0;
		font-size: 15px;}
	#navbar a {
		float: none;
		display: block;
		text-align: left;
		font-size: 15px;}
		
	#navbar-right {
		float: none;
		padding: 0;
		font-size: 15px;}
	#navbar a:hover {
		font-size: 15px;}
	#navbar a.active {
		font-size: 15px;}
}