/*
 *  Project: Babylon Grid sampl SASS/CSS
 *  Description: Lightweight jQuery + CSS plugin for creating responsive, dynamic & customizable pinterest like grid with diferent colun width support and few display mods.
 *  Author: Marek Fajkus @turbo_MaCk (http://marekrocks.it)
 *  License: MIT
 */
/*
 *  HOW TO:
 *  Start with container class container-{ number of columns };
 *  Set columns by class columns-{ column number } and set them width
 */
.babylongrid-container .column {
  position: relative;
  display: inline;
  float: left; }
.babylongrid-container.container-4 .column-1, .babylongrid-container.container-4 .column-3 {
  width: 30%; }
.babylongrid-container.container-4 .column-2, .babylongrid-container.container-4 .column-4 {
  width: 20%; }
.babylongrid-container.container-3 .column-1, .babylongrid-container.container-3 .column-2 {
  width: 35%; }
.babylongrid-container.container-3 .column-3 {
  width: 30%; }
.babylongrid-container.container-2 .column-1 {
  width: 60%; }
.babylongrid-container.container-2 .column-2 {
  width: 40%; }
.babylongrid-container.container-1 .column-1 {
  width: 100%; }
.babylongrid-container:after, .babylongrid-container:before {
  content: '';
  display: table;
  height: 0;
  clear: both; }
.babylongrid-container.tower .column {
  vertical-align: bottom; }
.babylongrid-container.city .column {
  vertical-align: middle; }

.babylongrid-container.tower, .babylongrid-container.city {
  display: table; }
  .babylongrid-container.tower .column, .babylongrid-container.city .column {
    display: table-cell;
    float: none; }

/*# sourceMappingURL=babylongrid-default.css.map */