*{box-sizing:border-box;}
body {background-color: #FFFFFF;color: #666666; font-family: Arial, Helvetica, sans-serif; background:linear-gradient(#eeeeee, white); background-attachment: fixed; margin: 0px;}
header{background-color: #003058;color: #FFFFFF; font-family: Georgia, 'Times New Roman', Times, serif; grid-row: 1/2; grid-column: 2/-2;}
h1{line-height: 140%; padding: .5rem; background-image: url("utahtechlogo.svg"); background-position:right; background-repeat: no-repeat; padding-left: 1em; background-origin: content-box; margin:0;}
nav{font-weight: bold; background-color: #424242; position:sticky; top:0; grid-row:2/3; grid-column: 2/-2;}
h2{color:#424242; font-family: Georgia, 'Times New Roman', Times, serif;}
dt{color: #003058; font-weight: bold;}
.ut{color: #BA1C21; font-weight: bold} 
footer{font-size: .70rem;font-style: italic;text-align: center; padding: 1rem; grid-row: 5/6; grid-column: 2/-2}
#wrapper{display: grid; grid-auto-rows: minmax(0px, auto); grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);}
h3{color: #003058;}
main{padding-left: 2rem; padding-right: 2rem; grid-row: 4/5; grid-column: 2/-2; background-color: #FFFFFF;}
#homehero{height: 300px; background-image:url("homehero.jpg");background-size:cover;background-position:center;background-repeat:no-repeat; grid-row: 3/4; grid-column: 2/-2;}
#studenthero{height:300px; background-image:url("studenthero.jpg"); background-size:cover; background-position: center; background-repeat: no-repeat; grid-row: 3/4; grid-column:2/-2;}
#facultyhero{height:300px;background-image: url("facultyhero.jpg");background-size:cover;background-repeat:no-repeat;background-position:center; grid-row: 3/4; grid-column: 2/-2;}
#alumnihero{height:300px; background-image:url("alumnihero.jpg"); background-size:cover; background-position: center; background-repeat: no-repeat; grid-row: 3/4; grid-column:2/-2;}
#shophero{height:300px; background-image:url("shophero.jpg"); background-size:cover; background-position: center; background-repeat: no-repeat; grid-row: 3/4; grid-column:2/-2;}
nav a{text-decoration:none; color: #FFFFFF; padding: 1rem 0rem; display:block;text-align: center; transition: background-color 0.5s ease;}
nav ul{margin:0px; padding:0px; display: flex; flex-flow:row nowrap; list-style-type: none;}
nav ul li{width: 100%;}
header a{background-image: url("utahtechlogo.svg"); color:#FFFFFF; text-decoration: none;}
main img{float:right;padding-left:2rem;}
nav a:hover{background-color: #BA1C21;}
#bluebar{background-color: #003058; grid-row: 1/2; grid-column: 1/-1;}
#greybar{background-color: #424242; grid-row: 2/3; grid-column: 1/-1;}
@media only screen and (max-width: 1100px){#wrapper{display: grid; grid-auto-rows: minmax(0px, auto); grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 150px)) minmax(0px, 1fr);}}
@media only screen and (max-width: 900px){nav{font-weight: bold; background-color: #424242; position:static; top:0; grid-row:2/3; grid-column: 1/5;} nav ul{margin:0px; padding:0px; display: flex; flex-flow:column nowrap; list-style-type: none;}#homehero{height: auto; background-image:url("homehero.jpg");background-size:cover;background-position:center;background-repeat:no-repeat; grid-row: 2/3; grid-column: 5/8;}#studenthero{height:auto; background-image:url("studenthero.jpg"); background-size:cover; background-position: center; background-repeat: no-repeat; grid-row: 2/3; grid-column:5/8;}#facultyhero{height:auto;background-image: url("facultyhero.jpg");background-size:cover;background-repeat:no-repeat;background-position:center; grid-row: 2/3; grid-column: 5/8;} section{float: none; width: 100%; padding-right: 0px;}#alumnihero{height:auto; background-image:url("alumnihero.jpg"); background-size:cover; background-position: center; background-repeat: no-repeat; grid-row: 2/3; grid-column:5/8;} video{float:none; margin: 0; width: 100%; height: auto;} #shophero{height: auto; background-image:url("homehero.jpg");background-size:cover;background-position:center;background-repeat:no-repeat; grid-row: 2/3; grid-column: 5/8;}}
@media only screen and (max-width: 600px){header h1{background-image: none; text-align: center;} nav{font-weight: bold; background-color: #424242; position:sticky; top:0; grid-row:2/3; grid-column: 1/9;} #homehero{display: none;} #studenthero{display: none;} #facultyhero{display: none;} #alumnihero{display: none;} #shophero{display: none;}}
form{display: grid; grid-template-rows: auto; grid-template-columns:200px 1fr; gap: .75rem; width: 100%;}
textarea,input{font-size: 1rem; padding: 10px; color: #666666; background-color: #fafafa; border:none;}
textarea:focus,inputfocus{outline:none;background-color:#f0f0f0;}
label{padding: 10px; text-align:right;}
#mySubmit{width: 10rem;grid-column: 2/3;}
table,tr, td, th{border:1px solid #424242; border-spacing: 0px; border-collapse: collapse;}
table{margin: 0 auto; width: 100%;}
td,th{padding: 5px; border: 1px solid #424242; border-spacing: 1px;}
td{text-align: center;}
.text{text-align: left;}
th{background-color:#FFFFFF ;}
tr:nth-of-type(odd){background-color:#F3F3F3;}
video{float: right; margin-left: 2em;}