how to raise main.nav bar

Hey guys,

I was wondering if you could help me out. Im trying to move my main.nav bar higher to my header logo.

here is the code, ive played around with the padding but doesnt seem to change the height, just the distance between content/logo.

Thanks!

/***** Navigation *****/

.main-nav { font-family: ‘Lato’, Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase; text-align:center; }
.main-nav li { display:inline-block }
.main-nav li a { display: block; color: #b3b3b3; font-size: 18px; font-size: 1.125rem; line-height: 1; letter-spacing: 1.7px; padding: 12px 0; margin-right: 50px; }
.main-nav li a:hover { color: #000; }
.main-nav ul li a, .main-nav ul .current-menu-item:hover > a { border-bottom: 2px solid #fff; }
.main-nav ul .current-menu-item > a { border-bottom: 2px solid red; color: #000; }
.main-nav ul ul li a, .main-nav ul ul .current-menu-item:hover > a, .main-nav ul ul .current-menu-item > a { border: none; }
.main-nav ul li:hover > ul { display: block; background: #fff; z-index: 9999; }
.main-nav ul ul { display: none; position: absolute; left: -20px; }
.main-nav ul ul li { padding: 0 20px; width: 13rem; background: #f6f6f6; }
.main-nav ul ul ul { left: 100%; top: 0; }
.tinynav { display: none; }

is it in the navigation or structure part of my css?

Thanks!