nav ul{

	padding: 2px;

	margin: 0px;

	position: absolute;

	background-color: #fff;

	border: 1px solid #078EE5;

}

nav ul li{

	margin: 5px;

	float: left;

	list-style: none;

	line-height: 30px;

	position: relative;

	border: 1px solid #078EE5;

	background-color: #078EE5;

}

nav ul li:hover{

	margin: 5px;

	color: #078EE5;

	background-color: #fff;

	border: 1px solid #078EE5;

}

nav ul li:hover > a{

	color: #078EE5;

}

nav ul li a{

	color: #fff;

	padding: 10px;

	text-decoration: none;

}

.mobile-menu{

	background-color: red;

	position: relative;

	display: none;

}

@media (max-width: 640px) {

	.mobile-menu{

		display: block;

		background-color: #078EE5;

		color: #fff;

		padding: 5px 10px;

		cursor: pointer;

	}

	.mobile-menu img{

		width: 25px;

		top: 2px;

		right: 10px;

		position: absolute;

	}

	nav{

	    position: relative;

	    height: auto;

	}

	nav ul{

		display: none;

	    list-style: none;

	    padding: 0;

	    margin: 0;

	    width: 99%; 

	    top: 0;

	    position: absolute;

	}

	nav ul li{ 

		width: 92%;

		position: relative;

	    padding: 5px;

	    background-color: #078EE5;

	    cursor: pointer;

	}

}