My current project involves a responsive navigation, which is functioning properly. However, I am facing an issue with the content not aligning correctly under the navigation bar. I am struggling to find a solution to this problem. If you would like to review my code, you can visit: http://jsfiddle.net/MsDLC/. For the result, you can view it here: http://fiddle.jshell.net/MsDLC/show/
The content on the page is within the "page" div and only includes the following CSS:
.page{
margin-top: -400px;
max-width: 78.667em;
margin-left: auto;
margin-right: auto;
}