Thanks Pankaj. here is what I ended up putting in my custom css.
.logo-image > a {
max-width: 160px;
max-height: 62px;
}
.navbar {
min-height: 62px;
}
.off-canvas-toggle {
height: 62px;
}
This seems to work for how I want it to look. I have one last problem I would like to fix though. The off canvas sidebar displays a custom module that displays the content of position sidebar-1. However if you look at the off canvas sidebar there is an extra title displayed there for two of the modules. These are just custom html modules. How would I turn that off.
Again thanks for all your help.
chris