Why not in the middle?

Question

css

Why, when viewed on mobile devices (max-width: 768px), the logo does not become centered, although when the browser window is reduced from a PC, everything is OK? (Parameter set: margin:auto;)
Example HERE

Answer 1

Do you need to make sure that the logo is at the top in the middle and the text (slogan) is below the logo?

Answer 2

try asking a picture

img{
    margin: 0 auto;
    display: block;
}

Answer 3

Change max-width:768px to 980