diff --git a/themes/stark/layout-rtl.css b/themes/stark/layout-rtl.css
new file mode 100644
index 0000000..7d33f17
--- /dev/null
+++ b/themes/stark/layout-rtl.css
@@ -0,0 +1,49 @@
+@media all and (min-width: 480px) and (max-width: 959px) {
+  body.sidebar-first #content,
+  body.two-sidebars #content {
+    float: left;
+  }
+  body.sidebar-second #content {
+    float: right;
+  }
+
+  #sidebar-first {
+    float: right;
+  }
+
+  #sidebar-second {
+    float: left;
+  }
+  body.two-sidebars #sidebar-second {
+    float: right;
+    clear: right;
+  }
+}
+
+@media all and (min-width: 960px) {
+  #content {
+    float: right;
+  }
+  body.sidebar-first #content {
+    left: 0;
+    right: 20%;
+  }
+  body.two-sidebars #content {
+    left: 0;
+    right: 20%;
+  }
+
+  #sidebar-first {
+    float: right;
+    left: 0;
+    right: -80%;
+  }
+  body.two-sidebars #sidebar-first {
+    left: 0;
+    right: -60%;
+  }
+
+  #sidebar-second {
+    float: left;
+  }
+}
diff --git a/themes/stark/layout.css b/themes/stark/layout.css
index 7e49d74..5ba7d5d 100644
--- a/themes/stark/layout.css
+++ b/themes/stark/layout.css
@@ -16,38 +16,69 @@
 #content,
 #sidebar-first,
 #sidebar-second {
-  float: left;
   display: inline;
   position: relative;
 }
 
-#content {
-  width: 100%;
-}
-body.sidebar-first #content {
-  width: 80%;
-  left: 20%; /* LTR */
-}
-body.sidebar-second #content {
-  width: 80%;
-}
-body.two-sidebars #content {
-  width: 60%;
-  left: 20%;
-}
+@media all and (min-width: 480px) and (max-width: 959px) {
+  #content {
+    width: 100%;
+  }
+  body.sidebar-first #content,
+  body.two-sidebars #content {
+    width: 67%;
+    float: right; /* LTR */
+  }
+  body.sidebar-second #content {
+    width: 67%;
+    float: left; /* LTR */
+  }
 
-#sidebar-first {
-  width: 20%;
-  left: -80%; /* LTR */
-}
+  #sidebar-first {
+    width: 33%;
+    float: left; /* LTR */
+  }
 
-body.two-sidebars #sidebar-first {
-  left: -60%; /* LTR */
+  #sidebar-second {
+    width: 33%;
+    float: right; /* LTR */
+  }
+  body.two-sidebars #sidebar-second {
+    float: left; /* LTR */
+    clear: left; /* LTR */
+  }
 }
 
-#sidebar-second {
-  float: right; /* LTR */
-  width: 20%;
+@media all and (min-width: 960px) {
+  #content {
+    width: 100%;
+    float: left; /* LTR */
+  }
+  body.sidebar-first #content {
+    width: 80%;
+    left: 20%; /* LTR */
+  }
+  body.sidebar-second #content {
+    width: 80%;
+  }
+  body.two-sidebars #content {
+    width: 60%;
+    left: 20%; /* LTR */
+  }
+
+  #sidebar-first {
+    width: 20%;
+    float: left; /* LTR */
+    left: -80%; /* LTR */
+  }
+  body.two-sidebars #sidebar-first {
+    left: -60%; /* LTR */
+  }
+
+  #sidebar-second {
+    float: right; /* LTR */
+    width: 20%;
+  }
 }
 
 .section {