fix responsive media queries to use 979 and 980 where appropro

docs/assets/css/bootstrap-responsive.css

@@ -102,7 +102,7 @@
     margin: 0;
   }
 }
-@media (min-width: 768px) and (max-width: 980px) {
+@media (min-width: 768px) and (max-width: 979px) {
   .row {
     margin-left: -20px;
     *zoom: 1;
@@ -278,7 +278,7 @@
     width: 714px;
   }
 }
-@media (max-width: 980px) {
+@media (max-width: 979px) {
   body {
     padding-top: 0;
   }

docs/scaffolding.html

@@ -444,7 +444,7 @@
           </tr>
           <tr>
             <td>Landscape tablets</td>
-            <td>768px to 980px</td>
+            <td>768px to 979px</td>
             <td>42px</td>
             <td>20px</td>
           </tr>

docs/templates/pages/scaffolding.mustache

@@ -368,7 +368,7 @@
           </tr>
           <tr>
             <td>{{_i}}Landscape tablets{{/i}}</td>
-            <td>768px to 980px</td>
+            <td>768px to 979px</td>
             <td>42px</td>
             <td>20px</td>
           </tr>