.header { display: flex; align-items: center; gap: 5px; width: 100%; }
.header h2 { margin: 0; color: var(--green); }
/* Header */
.nav { list-style: none; margin: 0 auto; padding: 0; background-color: var(--green); border-radius: 10px; box-shadow: 3px 3px var(--tan); display: flex; align-items: center; justify-content: center; min-height: 80px; width: 95%; max-width: 1200px; }
.nav li { margin: 3px;  padding: 3px; }
.nav li a { display: block; color: var(--white); text-decoration: none; align-items: center; border-radius: 6px; padding: 3px; }
.nav li a:hover { background-color: var(--white); color: var(--green); }

/* Footer */
.header-admin { text-align: center; margin: 4px 0; position: relative; }
.header-admin details { display: inline-block; position: relative; }
.header-admin summary { list-style: none; cursor: pointer; color: var(--white); user-select: none; }
.header-admin a { color: var(--white); text-decoration: none; }
.header-admin summary::-webkit-details-marker { display: none; }
.header-menu { position: absolute; top: 125%; left: 50%; transform: translateX(-50%); background: var(--darkgrey); border: 1px solid var(--lightgrey); border-radius: 6px; min-width: 170px; padding: 6px 0; box-shadow: 0 4px 10px rgba(0,0,0,.4); z-index: 1000; }
.header-menu a { display: block; color: var(--white); text-decoration: none; padding: 8px 14px; white-space: nowrap; }
.header-menu a:hover { background: var(--navy); }
.header-menu hr { border: 0; border-top: 1px solid var(--lightgrey); margin: 5px 0; }

@media screen and (max-width:450px) {
    .header h2 {
        font-size: 1.1rem;
    }
.nav { height: unset; flex-direction: column; align-items: center; padding: 5px 0; width: 95%; }
}