#menu_button {
	display: none;
	position: absolute;
	top: 75px;
	right: 15px;
	z-index: 1000;
}

#menu_button a {
	display: inline-block;
	color: #fff;
	cursor: pointer;
	text-align: right;
}

#menu_button a .fa-times { display: none; }

#menu_button a.open .fa-bars  { display: none; }

#menu_button a.open .fa-times { display: inline; }

#menu_button a i {
	font-size: 32px;
	line-height: 32px;
}

#menu_button a i {
	color: #000;
}

@media only screen AND
(max-width : 760px) {
	
	
	#menu.container {
		height: auto !important;
	}
	
	#menu_button {
		display: block;
	}
	
	nav#menu {
		display: block;
		position: absolute;
		width: 100%;
		left: 0px;
		top: 0px;
		z-index: 1000;
		
		margin: 0px;
		padding: 0px;
		
		max-height: 0; 
		overflow: hidden;
		transition: max-height 440ms;
		box-shadow: 0px 1px 3px rgba(0,0,0,0.35);
	}
	
	nav#menu.open {
		max-height: 750px;
	}
	
	nav#menu ul {
		margin: 0px;
		padding: 0px;
	}
	
	nav#menu li {
		display: block;
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: none !important;
		background-color: rgb(255, 255, 255);
	}
	
	nav#menu li a {
		display: block;
		margin: 0px !important;
		padding: 7px 15px !important;
		border-bottom: 1px solid #eee;
		text-decoration: none;
		color: #000;
		font-size: 16px;
	}
	
	nav#menu li#portal {
		background-color: #5BAC26;
	}
	
	nav#menu li#portal a {
		border-bottom: 0px;
		color: #fff;
	}
	
}