From 20ecf5648e3b8aa085c2a8cdd05d1943215a0683 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Tue, 21 Jan 2014 13:44:21 -0500
Subject: [PATCH] Computer breakpoint is now 992 instead of 998 (match
 bootstrap)

---
 src/collections/grid.less | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/collections/grid.less b/src/collections/grid.less
index fe65c5862..e2571e89d 100755
--- a/src/collections/grid.less
+++ b/src/collections/grid.less
@@ -110,12 +110,12 @@ body > .ui.grid {
   margin-right: 0%;
 }
 
-@media only screen and (max-width : 998px) {
+@media only screen and (max-width : 992px) {
   .ui.page.grid {
     padding: 0% 4%;
   }
 }
-@media only screen and (min-width : 998px) {
+@media only screen and (min-width : 992px) {
   .ui.page.grid {
     padding: 0% 8%;
   }
@@ -551,7 +551,7 @@ body > .ui.grid {
   }
 }
 /* Tablet Only */
-@media only screen and (min-width : 768px) and (max-width : 998px) {
+@media only screen and (min-width : 768px) and (max-width : 992px) {
   .ui.tablet.only.grid,
   .ui.grid > .tablet.only.row {
     display: block !important;
@@ -578,7 +578,7 @@ body > .ui.grid {
     display: table-cell !important;
   }
 }
-@media only screen and (max-width : 768px), (min-width: 998px) {
+@media only screen and (max-width : 768px), (min-width: 992px) {
   .ui.tablet.only.grid,
   .ui.grid > .tablet.only.row,
   .ui.grid > .tablet.only.column,
@@ -587,7 +587,7 @@ body > .ui.grid {
   }
 }
 /* Computer Only */
-@media only screen and (min-width : 998px) {
+@media only screen and (min-width : 992px) {
   .ui.computer.only.grid,
   .ui.grid > .computer.only.row {
     display: block !important;
@@ -614,7 +614,7 @@ body > .ui.grid {
     display: table-cell !important;
   }
 }
-@media only screen and (max-width : 998px) {
+@media only screen and (max-width : 992px) {
   .ui.computer.only.grid,
   .ui.grid > .computer.only.row,
   .ui.grid > .computer.only.column,
@@ -693,7 +693,7 @@ body > .ui.grid {
 }
 
 /* Tablet Only */
-@media only screen and (min-width : 768px) and (max-width : 998px) {
+@media only screen and (min-width : 768px) and (max-width : 992px) {
   .ui.two.column.doubling.grid > .row > .column,
   .ui.two.column.doubling.grid > .column,
   .ui.grid > .two.column.doubling.row > .column {