* {
	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;
				transition:background-color .5s;}

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;
		}
table {margin:0 auto;
		border:1px solid #424242;
		width:100%;
		border-collapse: collapse;}

th, td {padding: 5px;
		border:1px solid #424242;}

td {text-align:center;}

tr:nth-of-type(2n+1){ background-color:#F3F3F3;}

text {text-align:left;}

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; }

form { display: grid;
		grid-template-rows: auto;
		grid-template-columns:200px 1fr ;
		grid-gap:.75rem;
		width:100%; }

input, textarea {font-size:1rem;
					padding:10px;
					color:#666666;
					background-color:#fafafa;
					border:none;}
input, textarea:focus {outline:none;
						background-color:#f0f0f0;}

label {padding:10px;
		text-align: right;}

video {float: right;
		margin-left:2em;}


#mySubmit {width:10rem;
			grid-column:2/3;}

#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;
}

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

#shophero {background-image:url('images/shophero.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;}
	#alumnihero{grid-row:2/3;
				grid-column:5/8;
				height:auto;}
	#shophero{grid-row:2/3;
				grid-column:5/8;
				height:auto;}
	section{
		float:none;
		width:100%;
		padding-right:0px;}
	video{float:none;
			margin-bottom:0px;
			margin-top:0px;
			margin-left:0px;
			margin-right:0px;
			width:100%;
			height:auto;}
							}
@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;}
	#alumnihero{display:none;}
	#shophero{display:none;}
}