/* Make all images responsive */
img {
  max-width: 100%;
  height: auto;
}

/*
This layout system has multiple rows defined with the 'row' class
Each row is split into a number of parent cells and each parent cell can be split into a number of child cells
Currently the parent cells can be split into 3 or 5 cells cross the window width. Child cells can only be split
into 5 cells across the width of the parent cell

Cells classes are named as follow: 'cell_parentsize_childsize_maxcells, (but maxcells currently only applies to 3 cell parent)
  e.g. cell_2_2_3 means parent is child (2) 66.6% (2 x one third) of window width
*/

.row {
  width: 100%;
  background-color: inherit;
}
.row:after {
  content: " ";
  clear: both;
  display: table;
}
/* 3 cell parent layout */
.cell_1_1_3, .cell_1_2_3, .cell_1_3_3 {
  background-color: inherit;
  overflow-y: hidden;
}
/* 5 cell parent layout */
.cell_1_1, .cell_1_2, .cell_1_3, .cell_1_4, .cell_1_5 {
  background-color: inherit;
  overflow-y: hidden;
}
/* 5 cell child layout */
.cell_2_1, .cell_2_2, .cell_2_3, .cell_2_4, .cell_2_5 {
  background-color: inherit;
  overflow-y: hidden;
}
.imageCellContent {
  /* Default width is 100% */
  height: inherit;
  background-color: inherit;
}
.textCellContent {
  /* Default width is 100% */
  height: inherit;
  background-color: inherit;
  overflow: hidden;
}
.formCellContent {
  /* Default width is 100% */
  height: inherit;
  background-color: inherit;
}

