.head {
    margin: 4rem 0;
    
    a {
        text-decoration: none;
        text-transform: lowercase;
    }

    ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
    }

    li {
        margin: 5px;
    }
}

.head-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head-actions, .head-menu, .head-brand {
    display: flex;
    flex: 1;
}

.head-brand {
    justify-content: center;
}

.head-logo {
    height: 79px;
    width: 60px;
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    background-color: var(--color-content-heading);
}

.head-logo:hover {
    background-color: var(--color-link-hover);
}

.head-actions {
    display: flex;
    justify-content: flex-end;
}