_responsive.sass & _menu.sass

css/style.css

@@ -462,10 +462,7 @@ button.light:hover, a.button.light:hover {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
-  max-width: 100%;
-  padding: 0 20px;
-  margin: 0;
-  margin: auto;
+  padding: 0 30% 0 15%;
   background: url('../img/logo.png?1437893891') no-repeat 50% 50%;
   background-size: 20px;
 }
@@ -2683,18 +2680,19 @@ ul.dropdown-menu li > li > a {
 }
 
 @media (max-width: 1200px) {
-  .wrapper {
-    width: 98%;
-    margin: auto;
+  .right {
+    display: none;
   }
 
-  .dashboard.left {
-    width: 33%;
+  .userMenu ul {
+    padding: 0;
   }
 
   .postboard {
-    width: 64%;
-    margin-right: 1%;
-    float: right;
+    width: 85%;
+  }
+
+  .modal-wrapper {
+    width: 85%;
   }
 }

sass/layout/_menu.sass

@@ -17,10 +17,7 @@ $menu-font-color: white
 		@extend .clear-fix
 		+box-sizing(border-box)
 		width: 100%
-		max-width: 100%
-		padding: 0 20px
-		margin: 0
-		margin: auto
+		padding: 0 30% 0 15% 
 		background: image-url("logo.png") no-repeat 50% 50%
 		background-size: 20px
 		li

sass/layout/_responsive.sass

@@ -1,16 +1,15 @@
 
 @media (max-width:1200px)
 
-	.wrapper 
-		width: 98% 
-		margin: auto
-	.dashboard.left 
-		width: 33%
+	.right 
+		display: none 
+	.userMenu 
+		ul 
+			padding: 0
 	.postboard 
-		width: 64%
-		margin-right: 1%
-		float: right
-
+		width: 85%
+	.modal-wrapper
+		width: 85%
 
 @media (max-width: 600px)