Header menu on website not working on pages

I have this website: http://185.56.86.90/~onetoncr/friedmanpr.com/, which I edited the logo in the header to have it overhang. However, the header links stop working when you go to a single page (ex: Press Releases/Blog). It says it's clickable, but when you click on any of the links, they don't "process" the action and go to the corresponding link. It seems to be having problems in both desktop and responsive modes.

It's a Wordpress site using the Bodega theme from Select Themes. The header is a fixed header type which is what worked with editing the logo to overhang from the header.

This is code I used to edit the logo based on different widths:

@media only screen and (max-width: 1300px) {
#menu-main-menu{
float:right !important;
width: 100%;
}
.menu-item a{
font-size: 12px !important;
line-height:12px;
margin:0px !important;
padding:0px !important;
}
.logo_wrapper img{
width:150px !important;
height:auto !important;
margin-left:-20px;
}
.logo_wrapper a{
width:150px !important;
height:auto !important;
margin-left:-20px;
}
}