_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 30% 0 15%;
-  padding: 0 20px;
-  margin: 0;
-  margin: auto;
   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 {
+  .right {
-    width: 98%;
+    display: none;
-    margin: auto;
   }
 
-  .dashboard.left {
+  .userMenu ul {
-    width: 33%;
+    padding: 0;
   }
 
   .postboard {
-    width: 64%;
+    width: 85%;
-    margin-right: 1%;
+  }
-    float: right;
+
+  .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 30% 0 15% 
-		padding: 0 20px
-		margin: 0
-		margin: auto
 		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 
+	.right 
-		width: 98% 
+		display: none 
-		margin: auto
+	.userMenu 
-	.dashboard.left 
+		ul 
-		width: 33%
+			padding: 0
 	.postboard 
-		width: 64%
+		width: 85%
-		margin-right: 1%
+	.modal-wrapper
-		float: right
+		width: 85%
-
 
 @media (max-width: 600px)