how to change default logo position left to center

This is how you can do it:
set the width of the div “logo” equal to the width of your logo image and make the left and right margin “auto”

#logo {
    margin: 0 auto;
    width: 300px; <--- this is the width of the image with your logo
}