Coloured Tagline Height

Hello

I want to move the blog tagline text that is over the head image, a little bit to the right, somewhere between far left - where it is now - and totally centered.

Also, I use for my tagline a white 13.5 px font in a black tagline background. I want to make the height of the coloured tagline a little smaller. I've tried through

Logo Area Styling
height: 5px;

but it can't get any shorter than a specific height. In my page menu which is styled the same way - black background and 13.5px white font - the height of the background color is shorter than the one of the tagline. I want the two lines - tagline over the header image / Page menu under the header image - to have the same height so the page header area would look symmetrical.


How can i solve these two problems?