Styling Drop Down menus

Hi all,
I always seem to have a struggle styling drop down menus, a few points here:

The drop down does not inherit the font type, sizes etc from the parent.
There are massive ugly gaps between the drop down items, particualry if an extra column is added, am attaching a screenshot to show.

Can you point me in the right direction to change the gap size between the first and second rows?
Many thanks in advance,
Mark

Hi ramsey1971,
You can add the following CSS code to you site:

.mega-dropdown-inner .row:nth-child(2) {
    margin-top: -60px;
}

Awesome thanks