Keep logo aligned left after changing logo image

HI, I'm fixing Photographer template to make my new site.

After changing existing logo to new logo, the logo doesn't align with other body text. I tried to add below codes to custom.css, but does not work.

@media (max-width: 991px) {
#logo { text-align: left; }

#primary-menu-trigger {
    left: auto;
    right: 15px;
}

}