update comments, use variable for media query

docs/assets/less/brand.less

@@ -1,4 +1,4 @@
-/* Logo series wrapper */
+// Logo series wrapper
 .bs-brand-logos {
   display: table;
   width: 100%;
@@ -9,7 +9,7 @@
   border-radius: 4px;
 }
 
-/* Individual items */
+// Individual items
 .bs-brand-item {
   padding: 60px 0;
   text-align: center;
@@ -22,7 +22,7 @@
   background-color: #563d7c;
 }
 
-/* Heading content within */
+// Heading content within
 .bs-brand-item h1,
 .bs-brand-item h3 {
   margin-top: 0;
@@ -33,7 +33,7 @@
   margin-left: auto;
 }
 
-/* Make the icons stand out on what is/isn't okay */
+// Make the icons stand out on what is/isn't okay
 .bs-brand-item .glyphicon {
   width: 30px;
   height: 30px;
@@ -49,7 +49,7 @@
   background-color: #d9534f;
 }
 
-@media (min-width: 768px) {
+@media (min-width: @screen-sm-min) {
   .bs-brand-item {
     display: table-cell;
     width: 1%;