Add media query for mobile phones.

1 files changed, 10 insertions, 0 deletions

diff --git a/css/main.css b/css/main.css
index 462e7a9..31d0c02 100644
--- a/css/main.css
+++ b/css/main.css
@@ -139,3 +139,13 @@ nav a:before { content: none; }
 
 nav .next { right: -15px; }
 nav .previous { left: -15px; }
+
+@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
+  body {
+    background: rgba(255,255,255,.8) none;
+  }
+  div#bucket { 
+    width: auto;
+    margin-top: 0;
+  }
+}