/*****MEDIA QUERY-changes website for mobile or smaller screens*****/
@media only screen and (max-width : 700px) {

/*Main page @ media controls*/
	header {
		position: fixed;
	}

	#menu-icon {
		display:inline-block;
	}

	nav ul, nav:active ul { 
		display: none;
		position: fixed; /*was moving-absolute*/
		padding: 20px;
		background: #fff;
		border: 5px solid #444;
		right: 20px;
		top: 60px;
		width: 35%;
		border-radius: 4px 0 4px 4px;
	}

	nav li {
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}

	nav:hover ul {
		display: block;
	}
	
	/***Place other @media controls below here***/
	
	
	
}/*closes @media*/