responsive styling

3 files changed, 5 insertions, 3 deletions

diff --git a/bookmarklet/ffffallback.js b/bookmarklet/ffffallback.js
index d374986..1c5e498 100644
--- a/bookmarklet/ffffallback.js
+++ b/bookmarklet/ffffallback.js
@@ -116,7 +116,9 @@
       'georgia',
       'impact',
       'lucida sans unicode',
-      'times'
+      'times',
+      'sans serif',
+      'serif'
     ];
 
     var interestingFonts = [];
diff --git a/site/css/screen2.css b/site/css/screen2.css
index 55ac428..9f031b1 100644
--- a/site/css/screen2.css
+++ b/site/css/screen2.css
@@ -420,7 +420,7 @@ footer .twitter-share-button {
 	  margin:0;
 	  padding-top:2em;
 	}
-	.rising {margin-top:12em !important;}
+	.rising {margin-top:13em !important;}
 	.setting {margin-top:-22em !important;}
 	hgroup h1 {font-size:2.6em !important;}
 	hgroup h2 {font-size:1.2em;letter-spacing:normal;}
diff --git a/site/index.html b/site/index.html
index 3363175..492bd2d 100644
--- a/site/index.html
+++ b/site/index.html
@@ -29,7 +29,7 @@
       <h2>A simple tool for bulletproof web typography.</h2>
     </hgroup>
 
-    <p><span class="brave"><i>It's a brave new world.</i></span> <strong>Web fonts are here, sparking an exciting new era in web design. <span class="smcap">Ffffallback</span> makes it easy to find the perfect fallback fonts, so you can make sure your designs degrade gracefully. <span class="smcap">Ffffallback</span> means a better typographic web for everyone.</strong></p> 
+    <p><span class="brave"><i>It's a brave new world.</i></span> <strong>Web fonts are here, sparking an exciting new era in web design. <span class="smcap">Ffffallback</span> makes it easy to find the perfect fallback fonts so that your designs degrade gracefully.</strong></p> 
     <p>So, in the spirit of bulletproof web design, we give you&hellip;</p>
 
     <div class="bkmrklt">