changing logo size in spacious theme

The theme’s default logo size is 100 X 100 pixels.

My logo is 295 X 42.

I have searched around in other threads for an answer on how to chage the sizing, and even found some css I thought might help.

/* logo (change width from 0-100%; float from left/center/right) */
.navbar-wrapper .brand {
width: 100%;
float: center;
}

/*menu bar size*/
.navbar-wrapper .navbar {
width: 99%;
float: center;
}

/*menu bar text */
.navbar .nav {
display: block;
float: right;
left: 0;
margin: 0 10px 0 0;
position: relative;
}

I patched the new css in (as above), no changes, my logo still won’t display.

Here’s a link:

http://www.mycookingtutor.com/

I’d like it to display in the same spot as the template’s default: top left right above the header image.

I’m fine if I need to insert another line to give space for the navigation.

Thank you in advance for your time, help, expertise.

LindyBird