.site {
	background: #002855;
}
.site > .content {
	text-align: left;
}
.site > .content,
.site > .content a,
.site > .content h1,
.site > .content h2,
.site > .content h3,
.site > .content h4 {
	color: #FFF;
}
.site .library-search p {
	margin-bottom: .5em;
}
.site .library-search input,
.site .library-search button {
	font-size: 125%;
	border-radius: 0;
	height: 2.625em;
	border: 0;
	margin: 0;
	width: 80%;
	line-height: 1em;
}
.site .library-search button {
	width: 20%;
}
.site .library-nav {
	color: #FFF;
	text-transform: uppercase;
	font-size: 90%;
	margin-top: 1.5em !important;
}
.site .library-nav h3 {
	float: left;
	line-height: 1.325em;
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.site .library-nav ul {
	list-style: none;
	float: left;
	line-height: 1.325em;
	margin: 0;
	padding: 0;
}
.site .library-nav li {
	float: left;
	line-height: 1.325em;
}
.site .library-nav a {
	text-transform: none;
	margin-left: 1.6em
}
.site .library-hours {
	text-align: right;
	color: #FFF;
	font-size: 90%;
}
.site .library-hours ul {
	list-style: none;
	margin: 0;
}
.site .library-hours ul strong {
	display: block;
	float: left;
	text-align: right;
	width: 65%;
}
div#cms-navigation ul {
	display: block;
	margin-right: 0;
}

/* This rule should only affect the larger screen navigation, so no mobile-only styles are needed */
#cms-navigation .content ul li:nth-child(5),
#cms-navigation .content ul li:nth-child(6),
#cms-navigation .content ul li:nth-child(7) {
	float: right;
	font-size: 80%;
	text-transform: uppercase;
	margin-top: .45em;
}

@media screen and (max-width: 800px) {
	.site .library-search input[type="text"] {
		width: 75%;
	}
	.site .library-search button {
		width: 25%;
	}
	.site .library-nav {
		font-size: 100%;
	}
	.site .library-nav h3 {
		float: none;
		display: block;
	}
	.site .library-nav a {
		margin-right: 1em;
		margin-left: 0;
	}

	.site .library-hours {
		border-top: 1px solid #FFF;
		margin-top: 1em;
		padding-top: 1em;
		text-align: left;
		font-size: 100%;
	}
	.site .library-hours h2 {
		padding: 0;
	}
	.site .library-hours ul {
		list-style: none;
		margin: 0;
	}
	.site .library-hours ul strong {
		display: inline;
		float: none;
		text-align: left;
		width: auto;
	}
	.site .library-hours ul div {
		display: inline;
	}
	
}