*{
    box-sizing: border-box;
    
}


body{
    background-color:#ffffff;
    color:#666666;
    font-family:'verdana','arial',sans-serif;
    background-image: linear-gradient(#eee, #fff);
    background-attachment: fixed;
    
}
header{
    background-color: #ba1c21;
    color: #ffffff;
    font-family: 'Georgia', serif;
    display: block;
    
}
h1{
    line-height: 240%;
    background-image: url(dsu_images/dsu.jpg);
    background-repeat: no-repeat;
    padding-left: 1em;
    height: 72px;
    background-position: right;
    margin-bottom: 0;
    
    
}
nav{
    font-weight:bold;
    float: left;
    width:160px;
    padding: 20px 5px 0px 20px;
    display: block;
}
h2{
    color: #424242;
    font-family: 'Georgia', serif;
}
dt{
    color: #ba1c21;
    font-weight:bold;
    
}
.dsu{

    color:#ba1c21;
    font-size: 1.2em;
    
}
footer{
    font-size: .70em;
    font-style: italic;
    text-align: center;
    padding:1em;
    background-color: #fff;
    margin-left: 170px;
    display: block;
    
}
#wrapper{
    width:80%;
    margin: 0 auto 0 auto;
    background-color:#424242; 
    min-width: 700px;
    max-width: 1024px;
    box-shadow: 0px 3px 3px rgba(66,66,66,0.3);
    
}
#homehero{
    background-image: url(dsu_images/stadiumhero.jpg);
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 170px;
    
}
#studenthero{
    background-image: url(dsu_images/studenthero.jpg);
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 170px;
}

h3{
    color:#BA1C21;
}
main{
    padding: 0em 2em;
    display: block;
    background-color: #fff;
    padding:1px 0px;
    margin-left: 170px;
    display: block;
}
#facultyhero{
    background-image: url(dsu_images/facultyhero.jpg);
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 170px;
}
nav a{
    text-decoration: none;
}
nav a:link{
    color: #fff;
}
nav a:visited{
    color: #ccc;
}
nav a:hover{
    color: #ccc;
}
nav ul{
    list-style-type: none;
    margin:0px;
    padding-left:0px;
}

#mobile{
    display: none;
}
#desktop{
    display: inline;
}

@media only screen and (max-width:1024px){
    body{
        margin:0px;
        padding:0px;
        background-image:none;
    }
    #wrapper{
        width:auto;
        min-width: 0px;
        margin: 0px;
        box-shadow: none;
        
    }
    
    nav{
        float:none;
        width: auto;
        padding: 1em 1em;
    }
    
    h1{
        margin: 0px;
        
    }
    
    nav li{
        display: inline-block;

    }
    
    nav a{
        padding-right: 2em;
        
    }
    
    main{
        padding: 1em;
        margin-left: 0px;
        font-size: 90%;
        
    }
    
    footer{
        margin: 0px;
        
    }
    
    #homehero , #studenthero, #facultyhero{
        margin-left: 0px;
        
    }    
}

@media only all and (max-width:768px){
    h1{
        height: 100%;
        font-size: 1.3em;
        padding-left: 0.3em;
    }
    
    nav{
        padding: 0;
    }
    
    nav a{
        display:block;
        padding: 0.2em;
        font-size: 1.1em;
        border-bottom: 1px #fff;
    }

    nav ul{
        margin: 0;
        padding:0;
        
    }
    
    nav li{
        display: block;
        
    }

    main{
        padding: 0.1em 0.6em 0.1em 0.4em;
        
    }
    
    #homehero, #studenthero, #facultyhero{
        display: none;
        padding: 0;
        
    }

    footer{
        padding: 0;
    }
    
    #mobile{
        display: inline;
        
    }

    #desktop{
        display: none;
        
    }


}

table{
    text-align: center;
    border:1px solid #424242;
    border-collapse: collapse ;
    
}

td th{
    padding: 5px;
    border:1px solid #424242;
    
}
#text{
    text-align: left;
}

tr:nth-of-type(odd){
    background-color: #F3F3F3;
}