port to bootstrap, lots of changes...

1 files changed, 58 insertions, 0 deletions

diff --git a/static/css/responsive.css b/static/css/responsive.css
new file mode 100644
index 0000000..1fff10c
--- /dev/null
+++ b/static/css/responsive.css
@@ -0,0 +1,58 @@
+@media (max-width: 979px) {
+    header {
+        text-align: center;
+    }
+
+    #logo, nav, .overview div {
+        float: none !important;
+        width: 100% !important;
+    }
+
+    .about {
+        margin-top: 3em;
+        margin-left: 0 !important;
+        text-align: left;
+    }
+}
+
+@media (max-width: 500px) {
+    .service-row .row-fluid div {
+        float: none;
+    }
+
+    #services .img {
+        text-align: center;
+    }
+
+    #services .desc, #services .img {
+        width: 100%;
+    }
+}
+
+@media (min-width: 500px) and (max-width: 767px) {
+    .service-row .row-fluid div {
+        float: left;
+    }
+
+    .service-row .row-fluid .img {
+        width: 20% !important;
+    }
+
+    .service-row .row-fluid .desc {
+        width: 80%;
+    }
+}
+
+@media (max-width: 767px) {
+    .service-row {
+        margin: 0;
+    }
+}
+
+@media (max-width: 450px) {
+    nav a {
+        display: block;
+        line-height: 1.2em;
+        margin: 0.5em;
+    }
+}