nav {
	position: fixed;
	z-index: 100;
	width: 100%;
	background: hsla(0, 0%, 100%, .92);
}

#smallstar {
	height: 16px;
	display: inline-block;
	
}

nav ul li {
	display: inline-block;
	font-size: 1.3em;
	margin-right: 4.1%;
	float: right;
}

nav ul {
	float: right;
	width: 650px;
	padding: 1.4% 5% .8% 0;
}

nav p {
	float: left;
	font-size: 2em;
	padding: 1% 0 1% 4%;
	font-weight: bold;
}

#mobile-nav, #logo {
	float: left;
	height: 29px;
	padding: 1% 0 1% 4%;
}

nav li a:hover {
	color: #25b00a;
	
	
}

nav a {
	text-decoration: none;
}

nav a:visited, nav a {
	color: black
}

.mobile-nav {
	display: none;
}

/*@media */


@media screen and (max-width: 1140px) {

	nav ul {

	} 

}

@media screen and (max-width: 1025px) {

	nav ul li {
		font-size: 1.25em;
	}

}

@media screen and (max-width: 1010px) {

	nav ul li {
		margin-right: 2.8%
	}

	nav ul {
		width: 560px;
		padding-right: 10px;
		padding-top: 15px;
	}

}


@media screen and (max-width: 850px) {

	nav ul {
		float: left;
		padding-left: 22px;
		padding-top: 5px;
		width: 570px;
	}

	nav p {
		padding-left: 10px;

	}

	nav ul li {
		margin-right: 3%
	}

}

@media screen and (max-width: 655px) {

	nav ul {
		text-align: center;
		padding-top: 1px;
		margin: 0;
		width: 100%;
		padding-left: 0;
	}


	nav ul li {
		display: block;
		float: none;
		padding: 8px 0 8px 0;;
		margin: 0;
		border-bottom: 1px solid lightgrey;
		background-color: hsla(0, 0%, 100%, .9);
	}

	nav ul li:last-child {
		padding-right: 13px;
	}

	nav {
		height: 49px;
		overflow: hidden;
	}
	
	#logo {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.mobile-nav {
		display: inline-block;
		float: right;
		padding-right: 20px;
		padding-top: 10px;
	}

	.mobile-nav img {
		width: 40px;
	}



}

@media screen and (max-width: 655px) {
	#logo {
		padding-top: 9px;
	}
}

@media screen and (max-width: 330px) {

	.mobile-nav {
		padding-right: 18px;
		height: 24px;
	}

	#logo {
		height: 25px;
		padding-top: 12px;	
	}

	nav ul {
		padding-top: 2px;
	}
}