diff --git a/css/custom.css b/css/custom.css
index 3ffc0e1..354fa3d 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1,16 +1,16 @@
 .figure p{
-    text-align: center;
+  text-align: center;
 }
 
 .figure img{
-    max-width:100%;
-    display: block;
-    margin: auto;
+  max-width:100%;
+  display: block;
+  margin: auto;
 }
 
 table {
-    margin-left: auto;
-    margin-right: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .org-src-container > pre.src:before {
@@ -50,5 +50,19 @@ table {
 
 
 #org-div-home-and-up {
-  text-align: left;
+  text-align: right;
+  max-width: 1200px;
+  margin-left: 300px;
+}
+
+@media screen and (max-width: 768px) {
+  #org-div-home-and-up {
+    position: fixed;
+    z-index: 10;
+    margin: 10px;
+    right: 0;
+  }
+  #org-div-home-and-up > a {
+    color: black;
+  }
 }
diff --git a/css/readtheorg.css b/css/readtheorg.css
index 423a707..9ce667e 100644
--- a/css/readtheorg.css
+++ b/css/readtheorg.css
@@ -428,7 +428,6 @@ table tr:nth-child(2n) td{
     }
 
     #toggle-sidebar {
-        background-color: #2980B9;
         display: block;
         margin-bottom: 1.6em;
         padding: 0.6em;
diff --git a/css/style.css b/css/style.css
index 3bba068..7b58cdf 100644
--- a/css/style.css
+++ b/css/style.css
@@ -428,7 +428,6 @@ table tr:nth-child(2n) td{
     }
 
     #toggle-sidebar {
-        background-color: #2980B9;
         display: block;
         margin-bottom: 1.6em;
         padding: 0.6em;
@@ -1252,18 +1251,18 @@ h2.footnotes{
 .org-widget-inactive { /* widget-inactive */ color: #7f7f7f; }
 .org-widget-single-line-field { /* widget-single-line-field */ background-color: #d9d9d9; }
 .figure p{
-    text-align: center;
+  text-align: center;
 }
 
 .figure img{
-    max-width:100%;
-    display: block;
-    margin: auto;
+  max-width:100%;
+  display: block;
+  margin: auto;
 }
 
 table {
-    margin-left: auto;
-    margin-right: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .org-src-container > pre.src:before {
@@ -1303,5 +1302,19 @@ table {
 
 
 #org-div-home-and-up {
-  text-align: left;
+  text-align: right;
+  max-width: 1200px;
+  margin-left: 300px;
+}
+
+@media screen and (max-width: 768px) {
+  #org-div-home-and-up {
+    position: fixed;
+    z-index: 10;
+    margin: 10px;
+    right: 0;
+  }
+  #org-div-home-and-up > a {
+    color: black;
+  }
 }