How to shrink Header and Menu, get bigger font in Title

I was terrified to open up the Customm CSS-sure I would have the pages like something from The Twilight Zone… but Andrew’s advice about shrinking the menu height and Header height w CSS, and making the Title Headline bigger with a WIdget in the header nailed it.

Thanks, Andrew!!
This worked:

/* Vantage Current Menu Item Colors */
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a { background-color:#fffff }
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > a [class^="icon-"],
.main-navigation ul li.current_page_item > a, .main-navigation ul li.current_page_item > a [class^="icon-"] { color: #dd3333 }

(actual above-)

/* Vantage Current Menu Item Colors */
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a { background-color: #000000 }
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > a [class^="icon-"],
.main-navigation ul li.current_page_item > a, .main-navigation ul li.current_page_item > a [class^="icon-"] { color: #ffffff }

And edit as required.

This didn’t:

/* Vantage Current Menu Item Colors */
.main-navigation ul li.current-menu-item > a { background-color: #dd3333 } 
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > a [class^=”icon-“] { color: #dd3333 }

Didn’t try:

/* Current Page Item */
li.current_page_item a {
background: #000;
color: #fff;
}

 
Thanks for great support!!