diff --git a/www/css/blerg.css b/www/css/blerg.css
line changes: +19/-0
index 73dc13d..6624bc2
--- a/www/css/blerg.css
+++ b/www/css/blerg.css

@@ -155,6 +155,25 @@ h1, h2, h3 {
 	padding: 15pt 15pt 20pt 15pt;
 }
 
+.signup-button {
+	font-size: 40pt;
+	padding: 1em;
+	background-color: #C0F;
+	color: #F88;
+}
+
+@media screen and (max-width: 800px) {
+	.signup-button {
+		font-size: 20pt;
+	}
+}
+
+@media screen and (max-width: 400px) {
+	.signup-button {
+		font-size: 14pt;
+	}
+}
+
 .blerg-main h2 {
 	margin: 8pt 0;
 }

diff --git a/www/jssrc/blerg/Welcome.js b/www/jssrc/blerg/Welcome.js
line changes: +1/-1
index 2d3357e..aff858f
--- a/www/jssrc/blerg/Welcome.js
+++ b/www/jssrc/blerg/Welcome.js

@@ -12,7 +12,7 @@ enyo.kind({
         {components: [
             {style: "float: right; text-align: center; margin: 0 0 1em 1em;", components: [
                 {style: "font-size: 14pt; margin-bottom: 4pt;", content: "Curious? Click this unbelievably obnoxious button!"},
-                {kind: "onyx.Button", content: "I want to Blërg!", style: "font-size: 40pt; padding: 1em; background-color: #C0F; color: #F88;", onclick: "startSignup"}
+                {kind: "onyx.Button", content: "I want to Blërg!", classes: "signup-button", onclick: "startSignup"}
             ]}
         ]},
         {allowHtml: true, content: '<h2>I am 12 and what is this</h2> <p>Blërg is a microblogging platform.  Or maybe a miniblogging platform.  Blërg is not sure.  Blërg is a lot like <a href="http://twitter.com/">Twitter</a>, but aims to fix some of its idiosyncracies.  Blërg does not want to be a full blogging platform like <a href="http://wordpress.com/">Wordpress</a> or <a href="http://livejournal.com/">Livejournal</a>.  Blërg is also an <a href="/doc/">open source tagged text database engine</a> written in C that does the back-end work. Blërg\'s author finds it entertaining to anthropomorphize Blërg in the third person.</p>'},