align header logo with content column instead of full width

Hi there!

Is there any way I can align the logo and menu in the header to not go the full width of the screen? I’d like the outside left edge of the logo to align with the outside left of my content columns. Likewise, I’d like the right side edge of the main menu in the header to align with the outside right of my content columns. Does that make sense?

Right now they both go the full width of the screen and on a wide screen monitor, the logo gets a little lots in the far top left.

Also, please shoot me the css to make the main menu font a little larger. I thought I had it but can’t find it now.

Thanks guys! You offer great support.
BP