/* Append to gumby.[12col|16col|hybrid].css */

/* Mobile 4-column Grid (by ZURB, modified by Christian Klemetsson) */
@media only screen and (max-width: 767px) and (min-width: 400px) {
  .row .mobile_one { width: 25% !important; float: left; padding: 0 8px !important; }
  .row .mobile_one:last-child { float: right; }
  .row .mobile_two { width: 50% !important; float: left; padding: 0 8px !important; }
  .row .mobile_two:last-child { float: right; }
  .row .mobile_three { width: 75% !important; float: left; padding: 0 8px !important; }
  .row .mobile_three:last-child { float: right; }
  .row .mobile_four { width: 100% !important; float: left; padding: 0 8px !important; }
  .row .mobile_four:last-child { float: right; }
  .mobile_push_one { left: 25%; }
  .mobile_pull_one { right: 25%; }
  .mobile_push_two { left: 50%; }
  .mobile_pull_two { right: 50%; }
  .mobile_push_three { left: 75%; }
  .mobile_pull_three { right: 75%; }
  .mobile_first { clear: left; }
}