Logo and title alignment

I would like to move my logo to the left of the page and have the title remain in the middle of the page but on the same horizontal line as the logo. I’ve used the following code to move the logo but cannot get the title and logo properly aligned.

.site-logo {
float: left;

}

my site is https://www.karmapharmaorganics.com