.l-header {
    background-color: var(--color-bg);
    display: grid;
    grid-area: header;
    grid-template-columns: minmax(min-content ,var(--global-max-width));
    justify-content: center;
    margin-bottom: 12rem;
    padding: 0 1rem;
    position: fixed;
    width: 100%;
    z-index: 100;
}

.l-header__content {
    align-items: center;
    border-bottom: 2px solid var(--color-2);
    display:flex;
    justify-content: space-between;
    padding: 0.5rem 0; 
}

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

    .l-header {
        margin-bottom: 6rem;
        
    }

}