* { 
box-sizing: border-box;

}  




h1 {

background-color: #BA1C21;
background-image: url("dsu.jpg");
background-repeat: no-repeat;
height: 72px;
background-position: right;
padding-left: 1em;
color: white;
font-family: arial;
line-height: 240%;
margin: 0;
padding-left: 0.5rem;
}

header {
	grid-row: 1 / 2;
	grid-column: 2 / 8;
}

header a {
    text-decoration: none;
    color: #FFFFFF;
}

nav {
   
    position: sticky;
    top: 0;
	background-color: #424242;
	grid-row: 2 / 3;
	grid-column: 2 / 8;
}
 
nav a { 
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 1rem 0rem;
	display: block;
	text-align: center;
} 

nav a:hover { 
   background-color: #BA1C21;
	
	
} 

nav ul {
  margin-top:0px;
  margin-bottom:0px;
  margin-right:0px;
  margin-left:0px;
  padding-top:0px;
  padding-bottom:0px;
  padding-right:0px;
  padding-left:0px;  
  padding-left:0px;
  list-style-type: none;
  display: flex;
  flex-flow: row nowrap;

}



nav ul li { 
   width: 100%
	
	
} 

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

.clear {
	clear:both;
}

#homehero {
	height: 300px;
	background-repeat: no-repeat;
	background-image: url("homehero.jpg");
	background-size:cover;
	color: #BA1C21;
	font-weight: bold;
	background-position: center;
	grid-row: 3 / 4;
	grid-column: 1 / 9;


}



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


}


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


}


#wrapper {

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

}
#redbar {
	background-color: #BA1C21;
	grid-row: 1 / 2;
	grid-column: 1 / 9;
}

#greybar {
	background-color: #424242;
	grid-row: 2 / 3;
	grid-column: 1 / 9;
}
	
.dsu {
color: #BA1C21;
font-size: 1.2em;

}


h2 {

color: #424242;
font-family: georgia;
}

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


h3 {

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

.dt {
color: #BA1C21;
font-weight: bold;
text-indent: 50px;

}



.dd {

text-indent:50px;

}


a:link {
  
  background-color: transparent;
  
  
}

body {
  margin:0px;
  background-color: #FFFFFF;
  color: #666666;
  font-family: arial;
  background-attachment: fixed;
  background-image: linear-gradient(to bottom, white , white);
}

p  {
  color: #424242;
  font-family: arial;
  
}


table {
   margin: 0 auto;
   border: 1px solid gray;
   width: 100%;
   border-collapse: collapse;
}

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

td { 
 
 text-align: left;

}

.text {
	text-align: left;
}

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

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

@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;
}
#facultyhero {
	grid-row: 2 / 3;
    grid-column: 5 / 8;
	height: auto;
}
#studenthero {
	grid-row: 2 / 3;
    grid-column: 5 / 8;
	height: auto;
}
#homehero {
	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) {
h1 {
  background-image: none;
  text-align: center
}
nav {
  grid-row: 2 / 3;
  grid-column: 1 / 9;
}
#homehero, #studenthero, #facultyhero {
	display: none;
 }
}