body{
	margin:0%;
}
.navbar{
	overflow:hidden;
	position:sticky;
	top:0px;
	width:100%;
}
.navbar ima{
	width:100%;
	height:40px;
	background-color:#666666;
	float:left;
	display:none;
}
.navbar img{
	width:40px;
	height:40px;
	float:right;
}
.navbar div{
	display:block;
}
.navbar div a{
	float: left;
	color: #eeeeee;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 18px;
	text-decoration: none;
	font-size: 18px;
	width: 16.6665%;
	background-color: #666666;
	border-top-width:0px;
}
.navbar div a:hover{
	color:black;
	background-color:#ECECEC;
}
@media only screen and (min-width:651px)
{
	.navbar div a:hover{
		border-top-style:solid;
		border-top-color: #1c87c9;
		border-top-width:5px;
		padding-bottom: 13px;
	}
}
@media only screen and (max-width:1050px) and (min-width:751px)
{
	.navbar div a{
		font-size:16px;
	}
}
@media only screen and (max-width:750px) and (min-width:651px)
{
	.navbar div a{
		font-size:14px;
	}
}
@media only screen and (max-width:650px)
{
	.navbar ima{
		display:block;
	}
	.navbar div a{
		width:100%;
		font-size:15px;
		text-align:left;
	}
	.navbar img:hover{
		filter:brightness(1.5);
	}
}