.menu {
		background:rgb(246, 246, 246); 
		border: 1px solid rgba(189, 189, 189, 1);
		color: rgb(3, 44, 102);		
		width:100%;
		-webkit-box-shadow: 0px 1px 5px -3px rgba(0,0,0,0.75);box-shadow: 0px 1px 5px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 5px -3px rgba(0,0,0,0.75);
	}

	.menu ul {
		list-style-type: none;
		text-align: center;  
	}

	.menu ul li {
    	display: inline;
    	padding: 15px;
	}

	.menu a {
		color: rgb(3, 44, 102);
		text-decoration: none;
		font-size: 17px;
		font-weight: 400;
	}

	.menu a:hover {
		text-decoration: underline;
	}


@media screen and (max-width: 768px) {
	.menu {  }
	.menu ul li { width: 30%; }
}

@media screen and (max-width : 480px) {
	.menu {height: auto;}
	.menu ul li { width: 100%; float: none;white-space: nowrap;}
	
}