* {
	box-sizing:border-box;
}

body {background-color:#FFFFFF;
		background: linear-gradient(to top, #fff, #eee 50%, #eee 75%, #eee 75%);
		background-attachment:fixed;
		color: #666666;
		font-family:Verdana, Arial, sans-serif ;
		margin: 0px;}

header {background-color: #BA1C21;
			color: #FFFFFF;
			font-family: Georgia, serif;
			grid-column:2/-2;
			grid-row:1/2;}
header a { text-decoration: none;
			color: #FFFFFF; }

h1 { font-size:240%;
	background-image:url('images/dsu.jpg');
	background-position:right;
	background-repeat: no-repeat;
	padding-left:.5em;
	height:72px;
	margin: 0;}

nav {background-color:#424242;
		font-weight:bold;
		top:0;
		grid-column:2/-2;
		grid-row:2/3;}

nav a {text-decoration:none;
		color:#FFFFFF;
		padding:1rem 0rem;
		display:block;
		text-align:center;}
nav a:hover {background-color:#BA1C21;
}

nav ul { list-style-type: none;
			padding:0px;
			margin:0px;
			display:flex;
			flex-flow:row nowrap; }

nav ul li {width:100%;}

h2 { color:#424242;
		font-family: Georgia, serif; }

h3 { color:#BA1C21; }

main { padding-left:2em;
		padding-right:2em;
		display:block; 
		background-color:#FFFFFF;
		grid-row:4/5;
		grid-column:2/-2;
		padding-top: 1px;
		padding-bottom: 1px;
		}

dt { color:#BA1C21;
		font-weight:bold; }

span.dsu { color: #BA1C21;
		font-size:1.2em; }

footer { font-size:.70em;
			background-color: #FFFFFF;
			font-style:italic;
			text-align:center;
			padding:1em;
			grid-column:2/-2;
			grid-row:5/6;
		}

section { float:left;
			width: 33%;
			padding-right: 1rem; }

#clear { clear:both; }

#wrapper {display:grid;
			grid-auto-rows:minmax(0px, auto);
			grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);}

#homehero {background-image:url('images/homehero.jpg');
			height:300px;
			background-size:cover;
			background-repeat:no-repeat;
			background-position:center;
			grid-column:1/-1;
			grid-row:3/4;
		}

#studenthero {background-image:url('images/studenthero.jpg');
				height:300px;
				background-size:cover;
				background-repeat:no-repeat;
				background-position:center;
				grid-column:1/-1;
				grid-row:3/4;
}

#facultyhero {background-image:url('images/facultyhero.jpg');
				height:300px;
				background-size:cover;
				background-repeat:no-repeat;
				background-position:center;
				grid-column:1/-1;
				grid-row:3/4;
}
#redbar {background-color:#BA1C21;
			grid-column:1/-1;
			grid-row:1/2;}

#greybar {background-color:#424242;
			grid-column:1/-1;
			grid-row:2/3;}





@media only screen and (max-width:1100px){
	#wrapper { grid-template-columns:minmax(0px, 1fr) repeat(6, minmax(0, 150px)) minmax(0px, 1fr); }

}
 
@media only screen and (max-width:900px){
	nav {grid-row:2/3;
			grid-column:1/5;}
	nav ul{
		flex-flow:column nowrap;}
	#homehero{grid-row:2/3;
				grid-column:5/8;
				height:auto;}
	#studenthero{grid-row:2/3;
				grid-column:5/8;
				height:auto;}
	#facultyhero{grid-row:2/3;
				grid-column:5/8;
				height:auto;}
	section{
		float:none;
		width:100%;
		padding-right:0px;}
}

@media only screen and (max-width:600px){
	header h1{background-image:none;
		text-align:center;}

	nav{ grid-column:1/-1;
		grid-row:2/3; }

	#homehero{display:none;}
	#studenthero{display:none;}
	#facultyhero{display:none;}
}