Centering logo on mobile devices

[loreactm]

Hi, I'm using the default theme (Classic Version 1.0.0). Is there any way to center the logo on mobile via CSS?

I've tried with this but it's still not looking right:

@media (max-width: 767px) {
  #header .top-logo {
      justify-content: center;
  }
}

 

Thank you!