* {
        box-sizing: border-box;

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

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

        grid-row: 3 / 4;
        grid-column: 2 / -2;
    }

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

        grid-row: 3 / 4;
        grid-column: 2 / -2;

    }

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

        grid-row: 3 / 4;
        grid-column: 2 / -2;
    }
    
    body {
        background:linear-gradient(to bottom,#eeeeee, 
        #ffffff);
        background-attachment:fixed;
        color:#666666;
        font-family: Verdana, Arial;
        margin: 0px;

    }

    header {
        background-color:#003058;
        color:#FFFFFF;
        font-family: Georgia;
    
        grid-row: 1 / 2;
        grid-column: 2 / -2;
    }

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

    header h1 {
        background-image:url("utahtechlogo.svg");
        background-position: right;
        background-repeat: no-repeat;
        padding-left: 1em;
        background-origin: content-box;
        margin:0;
        line-height:140%;
        padding:.5rem;
    
    }

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

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

    }

    dt {
        color:#003058;
        font-weight:bold;

    }

    .ut {
        color:#BA1C21;
        font-weight:bold;

    }

    footer {
        font-size:.70rem;
        text-align: center;
        font-style: italic;
        padding: 1rem;

        grid-row: 5 / 6;
        grid-column: 2 / -2;

    }

    main {
        padding-left: 2rem;
        padding-right: 2rem;

        background: #ffffff;
        grid-row: 4 / 5;
        grid-column: 2 / -2;
    }

    main, footer {
        padding: 25px;

    }

    main img {
        float: right;
        padding-left: 2rem;
    }

    h3 {
        color:#003058;
        font-weight:bold;

    }

    nav a {
        color:#FFFFFF;
        padding: 1rem 0rem;
        display:block;
        text-align: center;

    }

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

    }

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

    nav ul li {
        display:inline-block;
        width: 100%;
    }

  
    nav ul li a {
        text-decoration: none;
        padding: 20px;
        padding-left: 20px;
        color:#ffffff;
        background-color:#424242;
        display:block;
        
    }