body {
	background-color: #000;
}
header {
	height: 239px;
	background: transparent url(../img/header-bg.png) 0 0 repeat-x;
}
	header .container {
		height: 100%;
		position: relative;
	}
	header .container .row, header .container .col-md-12 {height: 239px; text-align: left}
	header .container nav {position: absolute; height: 30px; bottom: 10px; left: 0; right: 0; text-align: center}
		header .container nav ul {font-family: "HelveticaNeue", "Helvetica", "Arial", sans-serif; list-style-type: none}
			header .container nav ul li {display: inline-block; margin-right: 20px; font-weight: bold; font-size: 18px}
				header .container nav ul li a {text-transform: uppercase; color: #000}
					header .container nav ul li a:hover {}
	
	li.spacer {width: 140px}
	
	img.logo {margin-left: 10%; margin-right: 10%; max-width: 100%; margin-top: 30px;}
	img.mu-logo {}
	img.shield {position: absolute; z-index: 1000; top: 130px; left: 0; right: 0; margin: 0 auto; height: 150px}
	
	#main-hero {height: 594px; background: transparent url(../img/hero-background.jpg) center center repeat}
		#main-hero .container {text-align: center; max-height: 594px;}
			#main-hero .container .row, #main-hero .container .row .col-md-12 {max-height: 594px; padding: 0;}
			#main-hero .container img {max-height: 100%;}
		
	.content {background: #000 url(../img/content-bg.jpg) 0 center repeat; padding-top: 20px}
		.content h1 {font-size: 26px; text-transform: uppercase; color: #fff}
		.content p {font-size: 16px; color: #fff; line-height: 30px}
			.content p strong {color: #fff; text-transform: uppercase; font-weight: bold}
			.content p em {color: #fff; font-weight: bold; display: block; font-style: normal; margin: 30px 0;}
		.content img {max-width: 100%;}
			
	.content .buttons img {display: block; margin-right: 20px}
	
	a.button-box div {
		background-color: #00629D;
		background: linear-gradient(to top, #d9ad07 /*bottom*/ 0%, #ffcb08 /*top*/ 100%);
		width: 250px; height: 90px; margin: 4px 6px 10px 6px; padding: 10px; text-transform: uppercase; text-align: center; font-weight: 200; font-size: 19px;letter-spacing: 2px; box-shadow: 0px 2px 8px #000; float: left}
		a.button-box p, a.button-box p strong {
			color: #000;
		}
		a.button-box strong {display: block; font-size: 40px; letter-spacing: 0; margin-top: 4px}
		a.button-box:hover {text-decoration: none}
	
	footer {height: 270px; background: #000 url(../img/footer-bg.jpg) 0 0 repeat-x}
		img.footer-logo {margin-top: 10px}
		footer ul {list-style-type: none; margin: 20px 0 0 0; padding: 0}
			footer ul li {display: inline-block; margin-right: 10px}
				footer ul li:after {content: "|";}
					footer ul li:last-child:after {content: none}
				footer ul li a {color: #fff; margin-right: 10px}
					footer ul li a:hover {color: #fff}
		footer p.rights {color: #626262}
		
		
@media screen and (max-width: 1000px) {
	img.mu-logo {max-width: 250px; top: 100px}
	img.shield {height: 120px; top: 140px}
	li.spacer {width: 30px; margin-right: 0 !important}
	#main-hero, #main-hero .container .row, #main-hero .container .row, #main-hero .container .row .col-md-12 {height: 430px}
}
@media screen and (max-width: 750px) {
	header .container .row, header .container .col-md-12 {text-align: center}
	header img.mu-logo {}
	img.logo {margin-left: auto; margin-right: auto; display: block}
	img.shield {display: none}
	header .container nav ul {padding: 0;}
		header .container nav ul li {margin-right: 0;}
	li.spacer {display: none !important}
	#main-hero, #main-hero .container .row, #main-hero .container .row, #main-hero .container .row .col-md-12 {height: 330px}
	header, header .container .row, header .container .col-md-12 {height: 410px;}
	header {background: #0072B8;}
		header .container {background-size: contain; }
			header .container nav {height: auto}
				header .container nav ul li {display: block; margin-bottom: 20px}
	.content {}
		.content img.button {display: block; margin: 0 auto;}
	.content .buttons img {margin: 0 auto;}
}
@media screen and (max-width: 550px) {
	header img.mu-logo {width: 30%; top: 0}
	#main-hero, #main-hero .container .row, #main-hero .container .row, #main-hero .container .row .col-md-12 {height: auto}
	header, header .container .row, header .container .col-md-12 {height: 430px;}
	#main-hero img {max-width: 100%; display: block}
	.content {min-height: auto;}
}