clarify and tweak media queries

docs/assets/css/bootstrap-responsive.css

@@ -263,7 +263,7 @@
     height: 0;
   }
 }
-@media (min-width: 1210px) {
+@media (min-width: 1200px) {
   .container {
     width: 1170px;
   }

docs/scaffolding.html

@@ -390,7 +390,7 @@
   @media (min-width: 768px) and (max-width: 940px) { ... }
 
   // Large desktop
-  @media (min-width: 1210px) { .. }
+  @media (min-width: 1200px) { .. }
 </pre>
     </div>
   </div>

docs/templates/pages/scaffolding.mustache

@@ -318,7 +318,7 @@
   @media (min-width: 768px) and (max-width: 940px) { ... }
 
   // {{_i}}Large desktop{{/i}}
-  @media (min-width: 1210px) { .. }
+  @media (min-width: 1200px) { .. }
 </pre>
     </div>
   </div>

less/responsive.less

@@ -306,7 +306,7 @@
 // LARGE DESKTOP & UP
 // ------------------
 
-@media (min-width: 1210px) {
+@media (min-width: 1200px) {
 
   // Reset grid variables
   @gridColumns:       12;