Reduce the padding between the pages within the drop-down menu

Hi there, I am using a custom font on my website for the drop down menus at the top of the site but it just recently added a huge gap between the primary navigation titles and the drop down menus. Does anyone have an idea on how to reduce the padding between the pages within each drop down? My site is private for now but here is a screen shot of what it looks like. Ideally I would like to reduce the spacing between events and upcoming events and possibly between the other pages ie b/w upcoming events, venues, type of events and calendar. Thank you in advance!

Also, this is the coding i used to get the font in place: 

@font-face {
    font-family: 'Estilo';
       src: url('https://static1.squarespace.com/static/5d7be41b5cb7d218f8c093c0/t/5d8bc38b609d4674de42bad1/1569440651395/Estilo.otf');
  }

h1 {font-family: 'Estilo';}

     .Header-nav {
         font-family: 'estilo';  
         font-weight: 600;
         font-style: normal;
         font-size: 20px;
         letter-spacing: .0em;
         text-transform: normal;
     }

@southmain You should setup password & share url to communtiy check.