1 files changed, 44 insertions, 0 deletions
diff --git a/docs/static/css/home-page-style-responsive.css b/docs/static/css/home-page-style-responsive.css
new file mode 100644
index 000000000..46ce3eb43
--- /dev/null
+++ b/docs/static/css/home-page-style-responsive.css
@@ -0,0 +1,44 @@
+/* full page image header area */
+
+@media (min-width: 1024.1px) {
+    .header {
+        background-image: url('../img/desk.jpg');
+    }
+}
+@media (max-width: 319.9px) {
+    .header {
+        background-image: url('../img/desk-sm.jpg');
+    }
+}
+@media (max-width: 319.9px), (min-width: 1024.1px) {
+    .header {
+        background-position: center center;
+        -webkit-background-size: cover;
+           -moz-background-size: cover;
+             -o-background-size: cover;
+                background-size: cover;
+        background-attachment: fixed;
+    }
+}
+@media (min-width: 320px) and (max-width: 1024px) {
+    .header {
+        background-position: 0% 0%;
+        -webkit-background-size: 100% 100%;
+           -moz-background-size: 100% 100%;
+             -o-background-size: 100% 100%;
+                background-size: 100% 100%;
+        background-attachment: scroll;
+        background-clip: border-box;
+        background-origin: padding-box;
+    }
+}
+@media (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
+    .header {
+        background-image: url('../img/desk-mini.jpg');
+    }
+}
+@media (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
+    .header {
+        background-image: url('../img/desk-wide.jpg');
+    }
+}