diff --git a/docs/_layouts/home.html b/docs/_layouts/home.html
index 64179ef2..aa823e12 100644
--- a/docs/_layouts/home.html
+++ b/docs/_layouts/home.html
@@ -1,14 +1,7 @@
 <!doctype html>
-<html>
+<html class="s2-docs-home">
     <head>
         {% include head.html %}
-
-        <style type="text/css">
-          .navbar, .jumbotron { margin-bottom: 0; }
-          .jumbotron-side { padding-top: 2em; }
-          .notice-previous { background-color: #d9edf7; border-top: 1px solid #bce8f1; border-bottom: 1px solid #bce8f1; color: #31708f; padding: 0.5em; margin-bottom: 1em; text-align: center; }
-          .notice-previous a { font-weight: bold; }
-        </style>
     </head>
     <body>
         {% include navigation.html %}
diff --git a/docs/_sass/_s2-docs-home.scss b/docs/_sass/_s2-docs-home.scss
new file mode 100644
index 00000000..6c8618eb
--- /dev/null
+++ b/docs/_sass/_s2-docs-home.scss
@@ -0,0 +1,14 @@
+.notice-previous {
+  padding: 15px 20px;
+  color: #777;
+  background-color: #FAFAFA;
+  border-top: 1px solid #FFF;
+  border-bottom: 1px solid #E5E5E5;
+  a {
+    font-weight: bold;
+  }
+}
+
+.s2-docs-home .jumbotron {
+  margin-bottom: 0;
+}
