#header {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--background);
}
#header .inside {
    display: flex;
    align-items: center;
    gap: clamp(16px, 2vw, 32px);
    min-height: 88px;
}
#header .logo a { display: block; border-bottom: 0; }
#header .logo img { display: block; height: auto; }
#header .navigation { margin-left: auto; }
#header .contact a.btn {
    margin: 0;
    padding: 10px 20px;
    font-size: 0.9rem;
}
#header .menu {
    display: none;
    align-items: center;
    border-bottom: 0;
    color: var(--prime);
    font-size: 24px;
}
@media only screen and (max-width: 1050px) {
    #header .inside { min-height: 64px; }
}
@media only screen and (max-width: 750px) {
    #header .navigation { display: none; }
    #header .menu { display: inline-flex; order: 1; margin-left: auto; }
    #header .contact { order: 2; }
    #header .contact a.btn { padding: 8px 14px; font-size: 0.8rem; white-space: nowrap; }
}