* {
            box-sizing: border-box;
        }
        
        body {
            
            color: #666666;
            font-family: Georgia;
            background:linear-gradient(to bottom, #eeeeee, #ffffff );
            background-attachment: fixed;
            margin: 0px;
        }

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

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

        main {
            padding-left: 2rem;
            padding-right: 2rem;
            grid-row: 4/5;
            grid-column: 2/8;
            background-color: #ffffff;
        }

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

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

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

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

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

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

        nav ul li {
            width: 100%;
        }


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

        h3 {
            color: #003058;
        }

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

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

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

        form{
            background-color: #FFFFFF;
            display:grid;
            grid-template-rows: auto;
            grid-template-columns: 200px 1fr;
            grid-gap: 0.75rem;
            width: 100%;
        }

        input, textarea {
            font-family: Georgia;
            font-size: 1rem;
            padding: 10px;
            color:#666666;
            background-color: #fafafa;
            border: none;

        }

        input:focus {
            outline: none;
            background-color: #f0f0f0;

        }

        textarea:focus {
            outline:none;
            background-color: #f0f0f0;
        }

        label {
            font-size: 1rem;
            font-family: Calibri;
            font-style: normal;
            padding: 10px;
        }

   

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

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

        #bluebar {
            background-color: #003058;
            grid-row: 1/2;
            grid-column: 1/9;
        }

        #greybar {
            background-color: #424242;
            grid-row: 2/3;
            grid-column: 1/9;
        }

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

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

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

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

        @media only screen and (max-width: 1100px) {
            #wrapper {
                grid-template-columns:minmax(0px, 1fr)repeat(6,minmax(0,150px))minmax(0px,1fr);
            }
        }

        @media screen and (max-width: 900px) {
            nav {
                position: static;
                grid-column: 1/5;
            }

            nav ul {
                flex-flow: column nowrap;
            }

            #homehero {
                height: auto;
                grid-row: 2/3;
                grid-column: 5/8;
            }

            #studenthero {
                height: auto;
                grid-row: 2/3;
                grid-column: 5/8;
            }

            #facultyhero {
                height: auto;
                grid-row: 2/3;
                grid-column: 5/8;
            }

            #alumnihero {
                height:auto;
                grid-row: 2/3;
                grid-column: 5/8;
            }

            section {
                float: none;
                width: 100%;
                padding-right: 0px;
            }

        @media screen and (max-width: 600px) {
            header h1 {
                background-image: none;
                text-align: center;
            }

            nav {
                grid-row: 2/3;
                grid-column: 1/9;
            }

            #homehero {
                display: none;
            }

            #studenthero {
                display: none;
            }

            #facultyhero {
                display: none;
            }

            #alumnihero {
                display:none;
            }
        }

        }