#primary-menu {
	width:100%;
	height:auto;
}

ul#main-menu {
	background-color:white;
	color:rgb(23,54,95);
	list-style:none;
	font-family:arial, helvetica, sans-serif;
	font-size:120%;
	font-weight:normal;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1.5rem;
}

#main-menu li.top-item {
	position:relative;
	background-color:white;
	color:rgb(23,54,95);
	float:left;
	font-size:100%;
	font-weight:600;
	padding-right:.5rem;
	padding-left:.5rem;
	text-align:center;
	text-decoration:none;
}

#main-menu li.top-item a:hover {
	color:white; 
	background-color:rgb(23,54,94);
}

/* Tablet Portrait and Handheld Landscape View*/

@media (min-width: 480px) {
	
	ul#main-menu {
		width:460px;
		margin-left:auto;
		margin-right:auto;
	}

	#main-menu li.about,
	#main-menu li.contact {
		display:block;
	}
	
	#main-menu li.more {
		display:none;
	}
}

	/* Intermediate formatting adjustments */
	
@media (min-width: 670px){
	
	ul#main-menu {
		width:540px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media (min-width: 800px) {

	ul#main-menu {
		width:756px;
		margin-left:auto;
		margin-right:auto;
	}

}
	
	/* Desktop View */

@media (min-width: 1080px) {
		
	ul#main-menu {
		width:780px;
		margin-left:auto;
		nmargin-right:auto;
	}

	#main-menu li.top-item {
		font-size:1.1rem;
		margin-left:auto;
		margin-right:auto;
	}
}

@media (min-width: 1300px) {

	#primary-menu {
		background-color:rgb{23,54,95);
		color:white;
		position:absolute;
		top:0;
		left:0;
	}
}