/*
 *  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: right;
  z-index: 0;
}
.babylongrid-container.container-4 .column-1, .babylongrid-container.container-4 .column-3 {
  width: 25%;
}
.babylongrid-container.container-4 .column-2, .babylongrid-container.container-4 .column-4 {
  width: 25%;
}
.babylongrid-container.container-3 .column-1, .babylongrid-container.container-3 .column-2 {
  width: 33%;
}
.babylongrid-container.container-3 .column-3 {
  width: 33%;
}
.babylongrid-container.container-2 .column-1 {
  width: 50%;
}
.babylongrid-container.container-2 .column-2 {
  width: 50%;
}
.babylongrid-container.container-1 .column-1 {
  width: 100%;
}
.babylongrid-container:after, .babylongrid-container:before {
  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;
}
.babylongrid-container article {
  width: 100%;
  display: flex;
  margin-top: 10px;
  /* margin-bottom: 5px; */
  justify-content: center;
  align-content: center;
}





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