/*RESET*/

nav {

	float: right;
	padding: 5px;

}






/*MEDIA QUERY*/
@media only screen and (max-width : 768px) {

	header {

		position: absolute;

	}

	#menu-icon {

		display:inline-block;

	}



	#mobile_menu nav ul, nav:active ul {

		display: none;
		position: fixed;
		padding: 20px;
		background: #181818;
		border: 3px solid #333;
		right: 0px;
		top: 0px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		z-index:9999999;
        color: #fff;
        text-decoration: none;
        list-style-type: none;
	}

	#mobile_menu nav li {

		text-align: left;

		width: 100%;
		padding: 10px 0;
		padding-left:10px;
		margin: 0;
        color: #fff;
        text-decoration: none;
	}

	#mobile_menu nav:hover ul {

		display: block;
        color: #fff;
        text-decoration: none;
	}
 #mobile_menu a{color:#fff; text-decoration:none;}
}