header {
    width: 100%;
 /*       box-shadow: 0 0 0.3em 0 rgb(0 0 0 / 25%);
           background-color: var(--on);
        background-image: linear-gradient(to right top, rgba(var(--rgb), .85), rgba(var(--rgb), 1), rgba(var(--rgb), 1), rgba(var(--rgb), .8));*/
        position: fixed;
        top: 0;
        z-index: 999999;
        pointer-events: none;
}
header nav, header section {
pointer-events: none;
}
header nav a, header nav ul, header nav button {
pointer-events: auto;
} 
nav {
    display: flex;
    flex-flow: row;
    z-index: 996;
    justify-content: center;
}

nav ul {
    list-style-type: none;
}

.nav-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.logo {
    z-index: 999;
    width: 100%;
}
.logo>svg {
/* filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3)); */
mix-blend-mode: difference;
fill: var(--on);
}
.logo path, footer path {
fill-rule: nonzero;
}
.logo:hover svg, footer a:hover svg {
fill: var(--cor);
}

@media screen and (orientation:portrait) {
    .nav-bar {
            justify-content: space-between;
                padding: 0;
        }
                .logo {
                    max-width: calc(1.8 * var(--marg));
                        padding: calc(var(--marg) / 2) var(--marg);
                }
}
@media screen and (orientation:landscape) {
.nav-bar {
margin: auto;
    padding: 0 var(--marg);
}
.logo {
    max-width: calc(2.6 * var(--marg));
    padding: calc(var(--marg) / 2);
}
}
@media print {
header, footer {display: none;}

}