body{
	font:15px/1.5 Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background-color:#f4f4f4f;  /* light grey */
}
/* Global */
.container{
	width:80%;
	margin:auto;
	overflow:hidden; /* no scrollbar on divs */
}

ul{
	margin:0;
	padding:0;
}

/* Header */
header{
	background:#35424a;  /* dark grey */
	color:#ffffff;  /* white font */
	padding-top:0;
	min-height:70px;
	border-bottom:#e8491d 3px solid;  /* Orange */
}

header a{
	color:#ffffff;
	text-decoration:none;
	text-transform: uppercase;
	font-size: 16px;
}

header li{
	float:left;
	display:inline;
	padding: 0 20px 0 20px;
}

header #branding{
	float:left;
}

header nav{
	float:right;
	margin-top:35px;
}

header .highlight ,header .current a{
	color:#e8491d;
	font-weight:bold;
}

header a:hover{
	color:#cccccc;
	font-weight:bold;
}


/* Showcase */
#showcase{
	min-height:400px;
	background-image:url("../img/DoD.jpg");
	background-repeat:no-repeat;
	background-size:100% 100%;
	/*opacity:0.5;*/
	text-align:center;
	/*color:#ffffff;*/
}

img{
	opacity: 0.5;
}
#showcase h1{
	margin-top:100px;
	font-size:55px;
	margin-bottom:10px;
}

#showcase p{
	font-size: 20px;
}

footer{
	padding:20px;
	margin-top:20px;
	color:#ffffff;
	background-color:#e8491d;
	text-align:center;
}


/* Media Queries */
@media(max-width: 768px){
	header #branding,
	header nav,
	header nav li{
		float:none;
		text-align:center;
		width:100%;
	}
	
	header{
		padding-bottom:20px;
	}

	#showcase h1{
		margin-top:40px;
	}
}