.header-nav {
    display: flex
;
    gap: 10px;
    align-items: center;
}

@media screen and (max-width: 768px) {
    nav.header-nav {
        display: none;
    }
}