* body{ background-color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box; margin:0%; } header{ grid-area: 1 / 2 / 2 / 8; } header h1{ background-color: #fd0000; font-family: Helvetica, sans-serif; width: 100%; text-align:center; background-image: "ktlogo.png"; background-repeat:no-repeat; line-height: 240%; } header a{ text-decoration:none; color:#FFFFFF; display:block } nav{ background-color:#ba0500; position: sticky; padding:0; top:0; grid-area: 2 / 2 / 3 / -2; } nav a{ display:block; color:#FFFFFF; text-align: center; text-decoration:none; padding:0.5rem; } nav ul{ list-style-type:none; display:flex; flex-flow:row nowrap; margin:0; padding:0; } nav li{ width:100%; } nav a:hover{ background-color: #b3b3b3; height:auto; } nav.static{ top:0; } p{ font-family:'Segoe UI', Tahoma, Verdana, sans-serif; text-align:center; } a{ text-align:center; } main{ grid-area: 4 / 2 / 5 / 8; } .clear{ clear:both; } footer{ background-color:#ba0500; text-align:center; } footer a{ display:block; color:#FFFFFF; text-align: left; text-decoration:none; padding: 0.25rem; } footer a:hover{ background-color:#b3b3b3; margin-right:auto; } footer ul{ list-style-type:none; } h2{ color:#fd0000; height: 420px; } #jerseykt{ background-repeat:no-repeat; } #welcomekt{ height:700px; background-image:url("welcomekt.jpg"); background-size:cover; background-position:center; background-repeat:no-repeat; grid-area: 3 / 1 / 4 / 9; } #wrapper{ display:grid; grid-auto-rows: minmax(0px, auto); grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr); } @media only screen and (max-width: 1100px){ #wrapper{ grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 150px)) minmax(0px, 1fr); } } @media only screen and (max-width: 992px){ nav{ grid-area: 2 / 1 / 3 / 9; } nav ul{ flex-flow: column nowrap; } #welcomekt{ grid-area: 2 / 5 / 3 / 8; height: auto; } section{ float: none; width: 100%; margin:0; height:auto; } } @media only screen and (max-width: 768px){ nav{ grid-area: 2 / 1 / 3 / 9; } nav ul{ flex-flow: column nowrap; } #welcomekt{ display:none; } section{ float: none; width: 100%; margin:0; height:auto; } } #redbar{ background-color:#fd0000; grid-area: 1 / 1 / 2 / 9; } #darkredbar{ background-color: #ba0500; grid-area: 2 / 1 / 3 / 9; } section{ align-content: center; width:50%; padding-right:1rem; }