* {box-sizing:border-box ;
}



body {
    background:linear-gradient("to bottom"#FFFFFF , #eeeeee);
    color:#666666;
    font-family: Verdana, Arial;
    background-attachment: fixed;
}


#wrapper {
width: 80%;
margin-left:auto;
margin-right:auto;
background-color:#424242;
min-width:960px;
max-width:2048px;
box-shadow: 0px 3px 3px rgba(66,66,66,0.3);
}






header {
background-color:#BA1C21;
color:#FFFFFF;
font-family:Georgia ;

}






h1  {
   background-image:
   url("dsu.jpg") ;
   padding-left:0.5em;
   background-repeat:no-repeat;
    background-position:right;
    line-height: 240%;
     margin-bottom: 0;
}

header a{

    font color:#ffffff;
}


main {
    padding: left 2em;
    padding: right 2em;
    display: block;
    background-color:#FFFFFF;
    margin-left:170px;
    padding-top:1px;
    padding-bottom:1px;
} 


#homehero, #studenthero, #facultyhero{
margin-left: 170px;

}

#homehero {
background-image:
url("homehero.jpg");
height:300px;
background-repeat:no-repeat;
background-size: cover;
background-position:center ;
}


#studenthero {
background-image:
url("studenthero.jpg");
height:300px;
background-repeat:no-repeat;
background-size: cover;
background-position:center ;
}

#facultyhero {
    background-image:
    url("facultyhero.jpg");
    height:300px;
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center ;
}


nav {
    padding-top: 20px;
   padding-right:  5px;
   padding-bottom:0px;
   padding-left: 20px;
      font-weight: bold;
    width: 160px; ;
    float:left;
    top:0

}


nav a{ 
    text-decoration:none ;
    color:#FFFFFF;
    padding:1rem 0rem ;
    display:block;
}

nav a:hover {
    color:#BA1C21 ;  
}





h2 {
color:#424242 ;
font-family:Georgia ;

}

h3 {
color:#BA1C21;

}



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





footer {

text-align: center; 
font-size:.70em ;
font-style: italic;
padding:1em;
background-color:#FFFFFF;
margin-left:170px;

}