Help with Vantage Custom Menu in Header

I have modified the CSS by copying some other advice given here. It has worked out quite well. Now,

# I need to make the menu on my site larger
# Decrease the space the header and where the “Racing Drones…” text is. I need to bring it up slightly.

How can I do that?

Here is a link to what I have done

www.bringonthedrones.com

Here is what I have entered in Custom CSS

body.responsive header#masthead hgroup { text-align: center; }
body.responsive header#masthead hgroup .logo { float: none; }
body.responsive header#masthead hgroup .logo img { margin: 0 auto; }

body.responsive header#masthead hgroup .support-text,
body.responsive header#masthead hgroup #header-sidebar {
display: block;
margin-top: 30px;
max-width: 100%;
position: static;
}
#header-sidebar .widget_nav_menu {
background: #3A3B3E;
}

#header-sidebar .widget_nav_menu ul.menu > li {
margin-right: 5px;
padding: 0;
}

#header-sidebar .widget_nav_menu ul.menu > li > a {
color: #fff;
padding: 5px;
}

.menu li a:hover {
background: #0F7ADD;
}

.menu li.current_page_item a {
background: #3A3B3E;
}

Thanks in advance