/* HEADER */

header{
    height: var(--header-height);
    background: var(--blue);
    position: fixed;
    width: 100%;
    z-index: 999;
}

.logo{
    width: 160px;
    padding-left: 32px;
    padding-top: 6px;
    filter: invert(1);
}

.drip{
    position: absolute;
    top: 100%;
    left: -1px;
    width: 380px;
}

/* MOBILE HEADER */

.header-mobile{
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.header-mobile img{
    height: calc(var(--header-height) * (79/36));
    transform:translateX(1px);
}

.burger{
    position: absolute;
    top: -2px;
    right: 4px;
    width: 37px;
    object-fit: contain;
    cursor: pointer;
}

/* RESPONSIVE */

@media (min-width: 1235px) {
    .header-mobile{
        display: none !important;
    }
}

@media (max-width: 1234px) {
    .logo{
        width: 90px;
        padding-left: 24px;
        padding-top: 0;
    }

    .drip{
        width: 230px;
    }
}