.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #333;

}

/* GŁÓWNE MENU */
.menu > ul {
    display: flex;
    background: #333;
	border-radius: 12px;              /* zaokrąglenie */
    box-shadow: 0 4px 12px rgba(0,0,0,0.3); /* cień */
}

/* każdy element */
.menu > ul > li {
    position: relative; /* KLUCZOWE */
}

/* linki */
.menu a {
    display: block;
    padding: 12px 18px;
    color: white;
    text-decoration: none;
}

/* hover */
.menu a:hover {
    background: #555;
}

/* SUBMENU */
.submenu {
    display: none;
    position: absolute;

    top: 100%;
    left: 0;

    background: #444;
    min-width: 200px;
}

/* elementy submenu */
.submenu li {
    display: block;
}

/* pokazanie */
.dropdown:hover .submenu {
    display: block;
}