Markup fixes. Style improvements. Mobile adjustments.

index.html

@@ -67,13 +67,13 @@ <h1>{{title}}</h1>
                                 {{else}}
                                     <span class="title">{{title}}</span>
                                 {{/if}}
-                                <abbr class="support" title="unknown">?</abbr>
+                                <span class="support">?</span>
                                 {{#if subfeatures}}
                                     <ul class="subfeatures">
                                         {{#each subfeatures}}
                                             <li class="feature {{name}}">
                                                 <span class="title">{{title}}</span>
-                                                <spap class="support">?</abbr>
+                                                <span class="support">?</span>
                                             </li>
                                         {{/each}}
                                     </ul>

sass/mobile.scss

@@ -5,36 +5,39 @@ body {
     padding-top: 0;
 }
 
-h1 {
-    font-size: 30px;
-    letter-spacing: -2px;
-    margin-bottom: 0.5em;
+#header {
+    width: 100%;
+
+    h1 {
+        height: 135px;
+        @include float(none);
+    }
+
+    p {
+        margin-top: 24px;
+        margin-bottom: 16px;
+        text-align: center;
+    }
 }
 
 .group {
     width: 100%;
     padding: 0;
     @include float(none);
-
-    h1 {
-        font-size: 24px;
-        margin-top: 1em;
-    }
 }
 
 .features {
     li {
-        padding: 0 0.5em;
-
         .title {
             padding-top: 0.5em;
             padding-bottom: 0.5em;
         }
     }
-
-    .support {
-        right: 0;
-    }
+}
+
+footer {
+    margin-left: -16px;
+    margin-right: -16px;
 }
 
 #github-ribbon {

sass/screen.scss

@@ -113,8 +113,8 @@ p.info {
         color: #FFF;
         color: rgba(255,255,255,0.8);
         position: absolute;
-        top: 0.5em;
-        right: 0.4em;
+        top: 0.6em;
+        right: 0;
         display: block;
         padding: 4px 6px;
         @include border-radius(12px);
@@ -146,12 +146,10 @@ p.info {
     li {
         font-size: 80%;
         border: 0;
-        padding-right: 0;
+        margin-right: 0;
 
         .support {
             top: 0.5em;
-            right: -0.6em;
-            margin-right: 0;
         }
     }
 }