Mobile style menu doesn't expand in some resolution

Good Morning all!
in this page:

http://50.87.248.234/~placehx2/

I modified the css to make visible the menu mobile style at bigger resolution (I put 1991px instead 1991px).

But now I have these problems:
Until 979x is all ok, even "Contattaci" is expandible and works correctly
Between 980px and 991px "Contattaci" stops to be expandible and the button doesn't work.
After 991px the button change location and still doesn't work.
Anyway could help me?

Thanks in advance!
Rich

How to center menu and footer bar?

Hi! I’m new in css and i’m building now my first website. I want to center the menu and footer bar? Not only the text, but the whole nav bar. And how to adjust the alignment of footer bar, I mean how to move in slightly top of the bottom of the page? Pls help me. Thank you!

Here’s the script of menu bar css:

.main-navigation {
    clear: both;
    display: table;
    font-weight: 300;
    font-family: 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    position: relative;
    text-align: center;
    border-bottom: 3px solid #e92121;

Auto positioning

Hey,

Im trying to centre the <div id="person_info" class="grid_7"> inside a <div class="container clearfix"> just underneath the two other divs. Basically I need the <div id="person_info" class="grid_7"> to align right in the middle of the container. It did not work with margin: 0 auto;Was for an hour trying to sort it out, could not. Can someone tell me what might the problem be for this? The code and image are added.


HTML:

<div class="container clearfix">
<div class="short_intro grid_6">
</div>

Syndicate content