Mobile optimizations
diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index 35a121d..d605649 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -7,7 +7,7 @@
%= stylesheet '/table.css'
%= stylesheet '/kwic-4.0.css'
%= stylesheet '/fontawesome/font-awesome.min.css'
-%= stylesheet '/responsive.css', media => '(max-width: 640px)'
+%= stylesheet '/responsive.css', media => '(orientation: portrait) and (max-device-width: 800px)'
%= javascript '/jquery-2.0.0.min.js'
%= javascript '/translateTable.js'
%= javascript '/hint.js'
diff --git a/templates/layouts/snippet.html.ep b/templates/layouts/snippet.html.ep
index 77c50ba..bfe0017 100644
--- a/templates/layouts/snippet.html.ep
+++ b/templates/layouts/snippet.html.ep
@@ -4,7 +4,7 @@
<title><%= title %></title>
%= stylesheet '/style.css'
%= stylesheet '/kwic-4.0.css'
-%= stylesheet '/responsive.css'
+%= stylesheet '/responsive.css', media => '(orientation: portrait) and (max-device-width: 800px)'
%= stylesheet '/fontawesome/font-awesome.min.css'
%= javascript '/jquery-2.0.0.min.js'
<meta charset="utf-8" />