Re-sizing and Centering Logo in Bearstore theme

Hello,

My site is https://marloemorganceramics.com

I’ve been trying to make my logo larger and centered for quite some time and have tried a number of different CSS coding with the help of w3schools.com and using Firebug. I’ve tried using auto margins and absolute positioning, as well as the float attribute. The only thing that moved the image was setting the right margin to a random number until it appeared centered on my screen as such:

#sp-header-wrapper #logo {
    background-repeat: no-repeat;
    display: inline-block;
    margin: 34px -90px 24px;
    position: relative;
}

But obviously, when I manually position it like that, it still doesn’t appear centered on an i-phone or tablet device.

I’ve also tried changing the logo size in the logo.php file as follows hoping it would automatically center:

<a rel="home" title="novaworks" href="<?php echo home_url('/'); ?>" class="pagination-centered" style="width:500px; height:246px" id="logo"></a>

That didn’t seem to do anything differently when I then uploaded the photo at that size.

I have turned to the support forum in the theme and the author has not responded to either of my inquiries in the last 2 months.

I’d really love to figure this out and what I’m not doing right if someone could please help. It would be much appreciated!

Thank you,

Marina