header{ font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; padding: 2px; position: sticky; left: 0px; top: 0px; } nav{ z-index: 1; position: absolute; top: 0px; right: 20px; } nav ul li{ display: inline; } nav ul li a{ white-space: nowrap; text-decoration: none; color: white; background-color: green; padding: 5px; margin: 10px; } nav ul li a:hover{ background-color: darkgreen; } .active{ font-size : 1.2em; font-weight : bold; } .heading{ text-align: center; color: white; position: absolute; left: 10%; top: 2px; background-color: darkblue; padding-top: 0px; padding-bottom: 0px; margin: 0px; } .heading h1{ font-size: 32; line-height: 2em; text-transform: uppercase; margin-top: 0px; } .title-img{ width: 186px; margin-top: 10px; } .header-img{ width: 100%; height: 300px; object-fit: cover; object-position: 100%; }