Centering Logo and Menu

I am trying to center the logo and nav bar on the header. I tried adding the class aligncenter like so:

<div class="logo aligncenter">
<a href="<?php echo esc_url( home_url('/')); ?><?php if(is_home() || is_front_page()){ ?>#top<?php }?>">

But it seemed to have no effect on the page, either positive or negative.

I also tried adding css I found on another support page to the .header .header-inner .logo Again this had no effect.

/* EDITED BY CLAY: display: block; float: none; margin: auto !important; */
.header .header-inner .logo{margin:0; padding:0;
display: block;
    float: none;
    margin: auto !important;
}

Any help is greatly appreciated! Website is Arkansas Runner Mom

/Edit I noticed that margin was in the css twice and removed margin:0 still no effect.