#primary-menu {
    & ul#menu-header-menu {
        & li.menu-item {
            cursor: pointer;

            & a {
                z-index: 2;
            }

            & ul.sub-menu {

                position: relative;
                color: var(--event-dark-background);
                max-width: 100%;
                text-align: left;
                top: 0;
                padding-top: 0;
                z-index: 1;
                padding-left: 1rem;
                hyphens: auto;

                @media (min-width: 960px) {
                    position: absolute;
                    background-color: var(--event-blue-background);
                    color: var(--kja-yellow);
                    max-width: 240px;
                    text-align: center;
                    top: 0;
                    padding-top: 4rem;
                    padding-left: 0;
                    z-index: 1;
                }

                & li.menu-item {
                    padding: 1rem 0;
                    @media (max-width: 960px) {
                        font-size: 1.875rem;
                        padding: 0;
                        color: var(--event-blue-background);
                    }
                }
            }
        }
    }
}