#nav, #nav-small {
	margin:0px auto;
}

#nav ul, #nav-small ul {
	margin: 0;
	margin-top:5px;
	padding: 0;
	list-style:none;
	overflow:hidden;
	display:inline-block;
	background-color: #016263;
}

#nav ul li, #nav-small ul li{
	float:left;
	padding: 18px 15px;
	transition:background-color 0.5s;
}

#nav ul li:hover, #nav-small ul li:hover {
	background-color:#921b56;
	transition: all 0.3s;
}

#nav a, #nav-small a {
	color:white;
	text-decoration:none;
}

#nav-small {
	z-index:900;
	width:100%;
	top:0px;
	position:fixed;
	background-color: rgba(255,255,255,0.8);
}

@media (max-width: 767px) {
	
	#nav {
		display:none;
	}
	
	#nav-small {
		display:none;
	}
	
}

@media (min-width: 768px) {

	#menu {
		display:none;
	}

	.log-men {
		position: absolute;
		z-index: 950;
		top:0px;
		background-color:rgba(255,255,255,0.6);
	}
	
	.logo {
		width:100%;	
	}
	
	.h-menu {
		width:100%;
	}
	
	#nav ul {
		height:62px;
	}
	
	#nav ul li, #nav-small ul li {
		padding: 12px 6px;
		height:100%;
	}
	
	#nav a {
		font-size:1.02em;
		display:block;
		margin-top:9px;
	}
	
	.mem-gar {
		width:95px;
	}
	
	.mem-gar a {
		margin-top:0px!important;
	}
}

@media (min-width: 992px) {

	.log-men {
		height:125px;
	}

	.logo {
		width:45%;
		float:left;
	}
	
	.h-menu {
		width:55%;
	}
	
	.wrap-header {
		display:flex;
		height:100%;
	}

	#nav ul {
		height:auto;
	}
	
	#nav ul li, #nav-small ul li {
		padding: 12px 15px;
	}

	#nav a {
		font-size:1.08em;
		margin-top:0px;
	}
	
	.mem-gar {
		width:auto;
	}
	
}


@media (min-width: 1200px) {

	.logo {
		width:40%;
	}
	
	.h-menu {
		width:60%;
	}

	#nav ul li {
		width:142px;
		padding: 12px 0px;		
	}
	
	#nav-small ul li {
		width:130px;
		padding: 12px 0px;		
	}	
	
	#nav a {
		font-size:1.1em;
	}	

}

@media (min-width: 1450px) {

	#nav ul li, #nav-small ul li {
		width:auto;
		padding: 18px 15px;
	}

	.logo {
		width:auto;
	}
	
	.h-menu {
		width:auto;
	}
}