/*> Header */
header {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 1rem;
    margin: 1rem;

    @media (max-width:1850px) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
    }
}
@media (max-width:600px) {
    header {
        padding: unset !important;
    }
}
.header__nav {
    flex: 1 0 auto;
}

.link_list {
    display: flex;
    justify-content: space-evenly;
    list-style: none;
}

.button-parent{
    position: relative;
}

.button-parent a{
    width: 10vw;
    text-align: center;
}

.button-child{
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
}

.button-child li{
    width: 100%;
    height: 100%;
    margin: 0.5rem 0 !important;
    padding: 0;
    text-align: center;
}

.header__buttons {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.header__buttons button {
    margin-inline: 0.5rem;

    @media (max-width:1850px) {
        margin-inline: unset !important;
    }
}

/* < Header */

.header-section {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;

    @media (max-width:1850px) {
        justify-content: space-evenly;
    }
    @media (max-width:560px) {
        flex-direction: column !important;
        gap: 1rem;
    }
}
.brand {
    max-width: 500px;
    @media (max-width:700px) {
        min-width: 50%;
    }
}
@media (max-width:550px) {
    .brand {
        /* display: none !important; */
    }
    .header-section {
        justify-content: flex-end !important;
    }
}
.brand img {
    width: 100%;
    /* object-fit: contain; */
}
.header__nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;

    @media (max-width:1850px) {
        display: none;
    }
}
#header__burger-button {
    display: none;
    @media (max-width:1850px) {
        display: flex;
    }

}
.header__nav .link_list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end !important;
    align-items: center;
}
.header__nav .link_list li {
    margin-left: 0.5rem ;
    margin-right: 0.5rem;
}
.header__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.header__buttons button {
    margin-left: 0.5rem;
}

.button-burger {
    background-color: hsl(var(--button-background-color));
    color: hsl(var(--button-color));
    padding: var(--button-padding);
    border-radius: 2.25rem 0 0 2.25rem;
    font-family: var(--button-ff);
    font-size: var(--button-fz);
    display: block;
    text-wrap: none;
    white-space: pre-wrap;
    width: fit-content;
    height: fit-content;
    transition: background-color ease-in-out .25s;
}