nav {
    z-index: 9999;
    position: relative;
    padding: 60px 60px;
}

.syttiseks-logo-icon {
    fill: var(--syttiseks-orange);
}

.syttiseks-logo-text {
    fill: #fff;
}

.logo svg {
    width: 160px;
}

.navbar-button {
    z-index: 99999;
    cursor: pointer;
    background: 0;
    border: 0;
    padding: 0;
    touch-action: manipulation;
    font-family: unset;
    font-weight: 500;
    padding: 13px 30px;
    background: #fff;
    color: var(--syttiseks-orange-text);
    font-size: 0.96rem;
    border-radius: var(--button-border-radius);
}

@media screen and (max-width: 880px) {

    nav {
        padding: 30px var(--mobile-margin);
    }

    .logo svg {
        width: 145px;
    }

    .navbar-button {
        padding: 13px 28px;
    }

}