AAC MyAAC center logo on mobile device and browser

[ralke]

Hi, iv'e been trying to fit my logo in the center of this layout, but, it looks very different on mobile devices and if I make it fit on browser, on mobile will look very bad. I attached two images explaining it. Is it possible to auto-center the logo image according to the proportions of the screen? I'll be very thankfull if someone could help, regards!

basic.css

#LeftArtwork #LogoLink {
  text-align: center;
  position: absolute;    
  left: 270px;
  top: -77px;
  z-index: 10;
  cursor: pointer;
}

index.php

<img id="LogoLink" src="<?php echo $template_path; ?>/images/header/tibia-logo-artwork-string.gif" onClick="window.location = '<?php echo getLink('news')?>';" alt="logoartwork" />

if more information is needed please let me know =)