Only right half of blog displayed on mobile?

When accessing my blog through my iPhone, i can only see the right half of the blog. Its like the left half has just been cut away. And the sidebar is at the bottom. Furthermore my navigation bar, has turned in to a menu-button that shows the menu items in drop down, instead of my normal navigation bar.

Im using a child theme of twenty twelve.

this is my style.css

@charset "UTF-8";
/*
Theme Name: MariaChristiane
Theme URI: mariachristiane.dk
Description: Thema til Maria Christiane
Author: Jack
Author URI:
Template: twentytwelve
Version: 1.0
*/
@import url("../twentytwelve/style.css");

body .site {
	padding: 0 10px;
}
.site {
	max-width: 75rem;
}

.widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: none !important;
    box-shadow: none !important;
}

.entry-header .entry-title {
    font-size: 2.2rem;
}

.site-content, ie .site-content {
float: right;
width: 730px;
}
.site-info {
	text-align: center;
}

.widget-area, ie .widget-area {
float: left;
width: 300px;
margin-right: 15px;
}
.widget-area .widget {
	margin-bottom: 1.5rem;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	border-bottom:2px solid;
	border-top:0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.main-navigation {
	margin-top: 0;
}

.main-navigation li {
	margin: 0 5rem;
}

.widget {
	border-top: 2px solid;
	padding-top: 5px;
}
a, #header #menu ul li a, #left p, #left .postmetadata span a, #left .postmetadata p, #right ul li a, #right ul li, #header p, #header #search form#searchform input.ipt-keywords {
color: #000000 !important;
font-family: Georgia, Helvetica, Arial, sans-serif
}
a:link, a:visited {
text-decoration: none;
}
.page .entry-title {
font-family: Georgia, Helvetica, Arial, sans-serif
}
.edit-link {
	float: right;
	padding-right: 14px;
	padding-right: 2rem;
}
.site-content article {
	border-bottom: 4px double #000000;
	margin-bottom: 2rem;
}
footer[role="contentinfo"] a {
	color: #d6b426;
}
footer[role="contentinfo"] a:hover {
	color: #d6b426;
}

Hope you guys can help me