.menu		{	position: fixed;
				width: 100%;
				height: 15%;
				margin: 0;
				padding: 0;
				background-color: white;
				top: 0;
				z-index: 99;
				border-bottom: 1px solid silver; 
				text-align: center;
				display: table;
				
				
				}

.bg			{	background-position: center left;
				background-repeat: no-repeat;
				background-size: contain;
				background-image: url(gfx/mlogo.png); 	}	
				
				
#nav1,#nav		{	background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				background-image: url(gfx/m1.png);
				width: 10vw;
				height: 15vh;
				float: left;	
				background-color: #fafafa;
}				


#nav1:hover, #nav:hover		{		padding: 0;
						margin: 0 2%;
						color: #ced0cd;
						border-bottom: none;
						transition: none;	
						background-color: silver;						
}	
				
.menu ul 	{	
	list-style: none;
	width: 90%;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	max-height: 15vh;
	line-height: 15vh;
	float: left;
	

				}		


				
				
.menu ul li	{	display: inline;
					
					list-style: none;
					padding: 0;
					margin: 0 2%;
					position: relative;
					font-family: 'Titillium Web', sans-serif;
					color: black;
					font-size: 1.5 rem;	
					cursor: pointer;
					letter-spacing: 3px;
					text-transform: uppercase;
					text-align: center;
					border-bottom: 0px solid grey;
					transition:all 100ms ease-out;
					
					
										}	
									
					
.menu ul li:hover 	{	padding: 0 0 0.5% 0;
						margin: 0 2%;
						color: grey;
						border-bottom: 1px solid silver;
						transition:all 200ms ease-in;						}	

				

.menu ul ul 	{	
					position: absolute;
					visibility: hidden;
					opacity: 0;
					transition: opacity 0.5s, visibility 0.5s;
					width: 150%;
					height: auto;
					float: left;	
					padding: 50% 10% 90% 50%;
					text-align: left;
					margin: 0 0 0 -80%;
					line-height: 80%;
					background: white;
					border-bottom: 1px solid silver;
					
										
					 }

.menu	ul li:hover > ul {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.5s, visibility 0.5s;
		
	}	

.menu 	ul li ul li {	position: relative;
						height: 10%;
						padding: 5% 0 5% 25%;
						margin: 2.5% 5%;
						float: left;
						width: 50%;
						text-align: left;
						background-position: center left;
						background-size: contain;
						background-repeat: no-repeat;
						border-bottom: 1px dotted #B38C47;
						
						
 }
 
 .menu 	ul li ul li:first-child {	height: 10%;
									padding: 5% 0 5% 25%; }
 .menu 	ul li ul li:last-child {	height: 10%;
									padding: 5% 0 5% 25%; 
									border: none;	}