diff --git a/index.html b/index.html
index 0f94ff7..7d0910f 100644
--- a/index.html
+++ b/index.html
@@ -1,34 +1 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="UTF-8">
-		<title>min</title>
-		
-		<style type="text/css">
-		body{font-family:Helvetica,sans-serif;text-align:center}h1{font-size:4em;margin:0}h1.title{font-size:7em}hr{margin:2.5em auto}.mediumwidth{width:40%}h2{font-size:2em}.thin{font-weight:100}.btn{background:#afafaf;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;color:#f3f3f3!important;display:inline-block;font-size:2.5em;padding:15px 40px 16px;text-align:center;text-decoration:none;margin:auto .7em;border:1px solid #000}.btn.smooth{transition:background-color .15s ease-in-out}.btn.btn-a.smooth:hover{background:#29498b}.btn.btn-b.smooth:hover{background:#408140}.btn.btn-c.smooth:hover{background:#b01e1e}.btn.btn-a.smooth:active{background:#1d3464}.btn.btn-b.smooth:active{background:#2f5f2f}.btn.btn-c.smooth:active{background:#841717}.btn.btn-a{background:#345eb3}.btn.btn-b{background:#51a351}.btn.btn-c{background:#da2727}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{border:1px solid lightgray;outline:0;padding:6px}textarea.smooth,input[type="text"].smooth,input[type="password"].smooth,input[type="datetime"].smooth,input[type="datetime-local"].smooth,input[type="date"].smooth,input[type="month"].smooth,input[type="time"].smooth,input[type="week"].smooth,input[type="number"].smooth,input[type="email"].smooth,input[type="url"].smooth,input[type="search"].smooth,input[type="tel"].smooth,input[type="color"].smooth,.uneditable-input.smooth{transition:border .15s ease-in-out}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border:1px solid #57abb3}
-		</style>
-	</head>
-	<body>
-		<h1 class="title">min</h1>
-		<h3>the tiny framework</h3>
-	    	    
-		<hr class="mediumwidth">
-		<div class="buttons">
-			<a href="http://github.com/owenversteeg/min" class="btn btn-a smooth">btn-a</a>
-			<a href="http://minfwk.com" class="btn btn-b smooth">btn-b</a>
-			<a href="http://minframework.com" class="btn btn-c smooth">btn-c</a>
-		</div>
-		<hr class="mediumwidth">
-		<div class="headings">
-		<h1 class="title">h1 title</h1>
-		<h1>h1</h1>
-		<h2>h2</h2>
-		<h3>h3</h3>
-		<h4>h4</h4>
-		<h5>h5</h5>
-		<h6>h6</h6>
-		</div>
-		<hr class="mediumwidth">
-		<input type="text" class="smooth" placeholder="Type something...">
-	</body>
-</html>
+<!DOCTYPE html><html><head><meta charset="UTF-8"><title>min</title><style type="text/css">body{font-family:Helvetica,sans-serif;text-align:center;margin:0}hr{margin:2.5em auto}a{text-decoration:none}.mediumwidth{width:40%;margin-left:30%}@media(max-width:870px){.mediumwidth{width:70%;margin-left:15%}}@media(max-width:520px){.mediumwidth{width:100%;margin-left:0}hr.mediumwidth{width:auto}}.thin{font-weight:100}h1{font-size:4em;margin:0}h1.title{font-size:7em}h2{font-size:2em}button{background:#afafaf;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;color:#f3f3f3 !important;display:inline-block;font-size:2.5em;padding:15px 40px 16px;text-align:center;text-decoration:none;margin:0 .7em .6em .7em;border:1px solid #000;cursor:pointer}button.smooth{transition:background-color .15s ease-in-out}button.btn-a{background:#345eb3;border:1px solid #1d3464}button.btn-a:hover{background:#29498b}button.btn-a:active{background:#1d3464}button.btn-b{background:#51a351;border:1px solid #2f5f2f}button.btn-b:hover{background:#408140}button.btn-b:active{background:#2f5f2f}button.btn-c{background:#da2727;border:1px solid #841717}button.btn-c:hover{background:#b01e1e}button.btn-c:active{background:#841717}button.btn-small{padding:7px 19px 10px;font-size:16px}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{border:1px solid lightgray;outline:0;padding:6px;width:13em;font-family:Helvetica,sans-serif}textarea.smooth,input[type="text"].smooth,input[type="password"].smooth,input[type="datetime"].smooth,input[type="datetime-local"].smooth,input[type="date"].smooth,input[type="month"].smooth,input[type="time"].smooth,input[type="week"].smooth,input[type="number"].smooth,input[type="email"].smooth,input[type="url"].smooth,input[type="search"].smooth,input[type="tel"].smooth,input[type="color"].smooth,.uneditable-input.smooth{transition:border .15s ease-in-out}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border:1px solid #57abb3}.addon-front{padding:6px 11px 6px 10px;margin-right:-2px;border:1px solid lightgray;z-index:400;display:inline-block;border-right:0;font-size:.9em;font-family:Arial Unicode MS Regular,sans-serif !important}.navbar{width:100%;background:black;color:white;text-align:left;height:1.5em;padding:1em 0 .6em}.pagename{color:white;padding:0 1em 0 2em;font-weight:bold}.navbar-link{padding:.5em;color:#aaa}.navbar-link:hover{color:white}@media(max-width:500px){.navbar a{text-align:center;display:block}.navbar{height:7.5em}}table{width:100%;border-spacing:0}.table th,.table td{padding:.5em;line-height:1.4em;text-align:left;vertical-align:top}.table td{border-top:1px solid #ddd}tbody tr:nth-child(2n-1){background:#e0e0e0}message{width:100%;display:block;padding:2em 0;background:#a7d3e4}message.warning{background:#e4a7a7}message.great{background:#a7e4ae}</style><script src="less.js" type="text/javascript"></script></head><body><h1 class="title">min</h1><h3>the tiny framework</h3><hr class="mediumwidth"><div class="buttons"><a href="http://github.com/owenversteeg/min"><button class="smooth btn-a">btn-a</button></a><a href="http://minfwk.com"><button class="smooth btn-b">btn-b</button></a><a href="http://minframework.com"><button class="smooth btn-c">btn-c</button></a><br><br><a href="http://minframework.com"><button class="smooth btn-b btn-small">btn-small</button></a></div><hr class="mediumwidth"><h1 class="title">h1 title</h1><h1>h1</h1><h2>h2</h2><h3>h3</h3><h4>h4</h4><h5>h5</h5><h6>h6</h6><hr class="mediumwidth"><input type="text" class="smooth" placeholder="input type="text""><br><br><textarea rows="3" class="smooth" placeholder="textarea"></textarea><br><br><span class="addon-front">$</span><input type="text" class="smooth" placeholder="span class="addon-front""><hr class="mediumwidth"><div class="mediumwidth"><div class="navbar"><a class="pagename" href="#">Min Framework</a><a class="navbar-link" href="#">One</a><a class="navbar-link" href="#">Two</a><a class="navbar-link" href="#">Three</a></div></div><hr class="mediumwidth"><div class="mediumwidth"><table class="table table-striped"><thead><tr><th>#</th><th>Widgets Sold</th><th>Revenue (£)</th><th>Profit (£)</th></tr></thead><tbody><tr><td>1</td><td>5</td><td>10</td><td>2</td></tr><tr><td>2</td><td>10</td><td>20</td><td>4</td></tr><tr><td>3</td><td>500</td><td>1000</td><td>200</td></tr></tbody></table></div><hr class="mediumwidth"><div class="mediumwidth"><message class="warning"><strong>Watch out!</strong> You don't have H9RBS.js installed.</message><br><message class="great"><strong>Great!</strong> You successfully frobjugated the minlingator's snorbdralob.</message><br><message><strong>Hey!</strong> You've got four thousand new grabjalognibs!</message></div><br><br></body></html>
\ No newline at end of file
