diff --git a/default-files/fugitive.css b/default-files/fugitive.css
index ebfe835..14bbc47 100644
--- a/default-files/fugitive.css
+++ b/default-files/fugitive.css
@@ -301,3 +301,11 @@ footer p a {
text-decoration: none;
}
#container footer p a:hover, #container footer p a:active { color: #333; }
+@media screen and (max-device-width:680px) and (orientation:portrait) {
+ #container { width: 94%; margin: 0 2%; padding: 0 1%; }
+ nav, #topnav { font-size: 0.7em; }
+ header { font-size: 0.6em; }
+}
+@media screen and (max-device-width:1024px) and (orientation:landscape) {
+ #container { width: 94%; margin: 0 2%; padding: 0 1%; }
+}
diff --git a/default-files/top.html b/default-files/top.html
index e484084..5a2ea1b 100644
--- a/default-files/top.html
+++ b/default-files/top.html
@@ -2,9 +2,10 @@
<?fugitive-install name ?>'s blog: <?fugitive page_title ?>
-
+
+