Logo to left

I've just installed a new site with GP theme and GP Premium. I'd like the logo to be on the left and aligned vertically with the Site Title and tagline. I've tried the following css from the docs but it doesn't do anything? You can see test site here:

@media (min-width:769px) {
    .site-branding {
        display: inline-block;
    }

    .site-logo {
        float: left;
        margin-right: 20px;
    }
}