/* small */
@media only screen and (max-width: 599px) {

  #smallMediaLayout p:after {content: "active";}

  body {
    width: 98%; /* Good for mobile devices */
    margin-left: 1%; /* Good for mobile devices */
    margin-right: 1%; /* Good for mobile devices */
  }

  /* place all parent cells for 2 layout in a single column which is 100% wide */
  .cell_1_1_2, .cell_1_2_2 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

  /* place all parent cells for 3 layout in a single column which is 100% wide */
  .cell_1_1_3, .cell_1_2_3, .cell_1_3_3 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

  /* place all parent cells for 29 layout in a single column which is 100% wide */
  .cell_1_1_29, .cell_1_2_29, .cell_1_3_29, .cell_1_4_29, .cell_1_5_29, .cell_1_6_29, .cell_1_7_29, .cell_1_8_29, .cell_1_9_29, .cell_1_10_29, .cell_1_11_29, .cell_1_12_29, .cell_1_13_29, .cell_1_14_29, .cell_1_15_29, .cell_1_16_29, .cell_1_17_29, .cell_1_18_29, .cell_1_19_29, .cell_1_20_29, .cell_1_21_29, .cell_1_22_29, .cell_1_23_29, .cell_1_24_29, .cell_1_25_29, .cell_1_26_29, .cell_1_27_29, .cell_1_28_29, .cell_1_29_29 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

  /* place all parent cells for 30 layout in a single column which is 100% wide */
  .cell_1_1_30, .cell_1_2_30, .cell_1_3_30, .cell_1_4_30, .cell_1_5_30, .cell_1_6_30, .cell_1_7_30, .cell_1_8_30, .cell_1_9_30, .cell_1_10_30, .cell_1_11_30, .cell_1_12_30, .cell_1_13_30, .cell_1_14_30, .cell_1_15_30, .cell_1_16_30, .cell_1_17_30, .cell_1_18_30, .cell_1_19_30, .cell_1_20_30, .cell_1_21_30, .cell_1_22_30, .cell_1_23_30, .cell_1_24_30, .cell_1_25_30, .cell_1_26_30, .cell_1_27_30, .cell_1_28_30, .cell_1_29_30, .cell_1_30_30 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

  /* place all child cells for 2 layout in a single column which is 100% wide */
  .cell_2_1_2, .cell_2_2_2 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

  /* place all child cells for 3 layout in a single column which is 100% wide */
  .cell_2_1_3, .cell_2_2_3, .cell_2_3_3 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

  /* place all child cells for 29 layout in a single column which is 100% wide */
  .cell_2_1_29, .cell_2_2_29, .cell_2_3_29, .cell_2_4_29, .cell_2_5_29, .cell_2_6_29, .cell_2_7_29, .cell_2_8_29, .cell_2_9_29, .cell_2_10_29, .cell_2_11_29, .cell_2_12_29, .cell_2_13_29, .cell_2_14_29, .cell_2_15_29, .cell_2_16_29, .cell_2_17_29, .cell_2_18_29, .cell_2_19_29, .cell_2_20_29, .cell_2_21_29, .cell_2_22_29, .cell_2_23_29, .cell_2_24_29, .cell_2_25_29, .cell_2_26_29, .cell_2_27_29, .cell_2_28_29, .cell_2_29_29 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

  /* place all child cells for 30 layout in a single column which is 100% wide */
  .cell_2_1_30, .cell_2_2_30, .cell_2_3_30, .cell_2_4_30, .cell_2_5_30, .cell_2_6_30, .cell_2_7_30, .cell_2_8_30, .cell_2_9_30, .cell_2_10_30, .cell_2_11_30, .cell_2_12_30, .cell_2_13_30, .cell_2_14_30, .cell_2_15_30, .cell_2_16_30, .cell_2_17_30, .cell_2_18_30, .cell_2_19_30, .cell_2_20_30, .cell_2_21_30, .cell_2_22_30, .cell_2_23_30, .cell_2_24_30, .cell_2_25_30, .cell_2_26_30, .cell_2_27_30, .cell_2_28_30, .cell_2_29_30, .cell_2_30_30 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

}

/* medium */
@media only screen and (min-width: 600px) and (max-width: 1049px) {

  #mediumMediaLayout p:after {content: "active";}

  /* place all parent cells for 2 layout in a single column which is 100% wide */
  .cell_1_1_2, .cell_1_2_2 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

  /* place all parent cells for 3 layout in a single column which is 100% wide */
  .cell_1_1_3, .cell_1_2_3, .cell_1_3_3 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

  /* place all parent cells for 29 layout in a single column which is 100% wide */
  .cell_1_1_29, .cell_1_2_29, .cell_1_3_29, .cell_1_4_29, .cell_1_5_29, .cell_1_6_29, .cell_1_7_29, .cell_1_8_29, .cell_1_9_29, .cell_1_10_29, .cell_1_11_29, .cell_1_12_29, .cell_1_13_29, .cell_1_14_29, .cell_1_15_29, .cell_1_16_29, .cell_1_17_29, .cell_1_18_29, .cell_1_19_29, .cell_1_20_29, .cell_1_21_29, .cell_1_22_29, .cell_1_23_29, .cell_1_24_29, .cell_1_25_29, .cell_1_26_29, .cell_1_27_29, .cell_1_28_29, .cell_1_29_29 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

  /* place all parent cells for 30 layout in a single column which is 100% wide */
  .cell_1_1_30, .cell_1_2_30, .cell_1_3_30, .cell_1_4_30, .cell_1_5_30, .cell_1_6_30, .cell_1_7_30, .cell_1_8_30, .cell_1_9_30, .cell_1_10_30, .cell_1_11_30, .cell_1_12_30, .cell_1_13_30, .cell_1_14_30, .cell_1_15_30, .cell_1_16_30, .cell_1_17_30, .cell_1_18_30, .cell_1_19_30, .cell_1_20_30, .cell_1_21_30, .cell_1_22_30, .cell_1_23_30, .cell_1_24_30, .cell_1_25_30, .cell_1_26_30, .cell_1_27_30, .cell_1_28_30, .cell_1_29_30, .cell_1_30_30 {
    width: 100%;
    float: none;
    content: "";
    clear: both;
    display: table;
  }

  /* set widths of parent childs for all column sizes */
.cell_2_1_2 {    width: 50%; /* child cell, 1 units */
  }

.cell_2_2_2 {    width: 100%; /* child cell, 2 units */
  }

  /* place all child cells for column size 2 in a row */
  .cell_2_1_2, .cell_2_2_2 {
    float: left;
  }

  /* set widths of parent childs for all column sizes */
.cell_2_1_3 {    width: 33.3333333%; /* child cell, 1 units */
  }

.cell_2_2_3 {    width: 66.6666667%; /* child cell, 2 units */
  }

.cell_2_3_3 {    width: 100%; /* child cell, 3 units */
  }

  /* place all child cells for column size 3 in a row */
  .cell_2_1_3, .cell_2_2_3, .cell_2_3_3 {
    float: left;
  }

  /* set widths of parent childs for all column sizes */
.cell_2_1_29 {    width: 3.4482759%; /* child cell, 1 units */
  }

.cell_2_2_29 {    width: 6.8965517%; /* child cell, 2 units */
  }

.cell_2_3_29 {    width: 10.3448276%; /* child cell, 3 units */
  }

.cell_2_4_29 {    width: 13.7931034%; /* child cell, 4 units */
  }

.cell_2_5_29 {    width: 17.2413793%; /* child cell, 5 units */
  }

.cell_2_6_29 {    width: 20.6896552%; /* child cell, 6 units */
  }

.cell_2_7_29 {    width: 24.137931%; /* child cell, 7 units */
  }

.cell_2_8_29 {    width: 27.5862069%; /* child cell, 8 units */
  }

.cell_2_9_29 {    width: 31.0344828%; /* child cell, 9 units */
  }

.cell_2_10_29 {    width: 34.4827586%; /* child cell, 10 units */
  }

.cell_2_11_29 {    width: 37.9310345%; /* child cell, 11 units */
  }

.cell_2_12_29 {    width: 41.3793103%; /* child cell, 12 units */
  }

.cell_2_13_29 {    width: 44.8275862%; /* child cell, 13 units */
  }

.cell_2_14_29 {    width: 48.2758621%; /* child cell, 14 units */
  }

.cell_2_15_29 {    width: 51.7241379%; /* child cell, 15 units */
  }

.cell_2_16_29 {    width: 55.1724138%; /* child cell, 16 units */
  }

.cell_2_17_29 {    width: 58.6206897%; /* child cell, 17 units */
  }

.cell_2_18_29 {    width: 62.0689655%; /* child cell, 18 units */
  }

.cell_2_19_29 {    width: 65.5172414%; /* child cell, 19 units */
  }

.cell_2_20_29 {    width: 68.9655172%; /* child cell, 20 units */
  }

.cell_2_21_29 {    width: 72.4137931%; /* child cell, 21 units */
  }

.cell_2_22_29 {    width: 75.862069%; /* child cell, 22 units */
  }

.cell_2_23_29 {    width: 79.3103448%; /* child cell, 23 units */
  }

.cell_2_24_29 {    width: 82.7586207%; /* child cell, 24 units */
  }

.cell_2_25_29 {    width: 86.2068966%; /* child cell, 25 units */
  }

.cell_2_26_29 {    width: 89.6551724%; /* child cell, 26 units */
  }

.cell_2_27_29 {    width: 93.1034483%; /* child cell, 27 units */
  }

.cell_2_28_29 {    width: 96.5517241%; /* child cell, 28 units */
  }

.cell_2_29_29 {    width: 100%; /* child cell, 29 units */
  }

  /* place all child cells for column size 29 in a row */
  .cell_2_1_29, .cell_2_2_29, .cell_2_3_29, .cell_2_4_29, .cell_2_5_29, .cell_2_6_29, .cell_2_7_29, .cell_2_8_29, .cell_2_9_29, .cell_2_10_29, .cell_2_11_29, .cell_2_12_29, .cell_2_13_29, .cell_2_14_29, .cell_2_15_29, .cell_2_16_29, .cell_2_17_29, .cell_2_18_29, .cell_2_19_29, .cell_2_20_29, .cell_2_21_29, .cell_2_22_29, .cell_2_23_29, .cell_2_24_29, .cell_2_25_29, .cell_2_26_29, .cell_2_27_29, .cell_2_28_29, .cell_2_29_29 {
    float: left;
  }

  /* set widths of parent childs for all column sizes */
.cell_2_1_30 {    width: 3.3333333%; /* child cell, 1 units */
  }

.cell_2_2_30 {    width: 6.6666667%; /* child cell, 2 units */
  }

.cell_2_3_30 {    width: 10%; /* child cell, 3 units */
  }

.cell_2_4_30 {    width: 13.3333333%; /* child cell, 4 units */
  }

.cell_2_5_30 {    width: 16.6666667%; /* child cell, 5 units */
  }

.cell_2_6_30 {    width: 20%; /* child cell, 6 units */
  }

.cell_2_7_30 {    width: 23.3333333%; /* child cell, 7 units */
  }

.cell_2_8_30 {    width: 26.6666667%; /* child cell, 8 units */
  }

.cell_2_9_30 {    width: 30%; /* child cell, 9 units */
  }

.cell_2_10_30 {    width: 33.3333333%; /* child cell, 10 units */
  }

.cell_2_11_30 {    width: 36.6666667%; /* child cell, 11 units */
  }

.cell_2_12_30 {    width: 40%; /* child cell, 12 units */
  }

.cell_2_13_30 {    width: 43.3333333%; /* child cell, 13 units */
  }

.cell_2_14_30 {    width: 46.6666667%; /* child cell, 14 units */
  }

.cell_2_15_30 {    width: 50%; /* child cell, 15 units */
  }

.cell_2_16_30 {    width: 53.3333333%; /* child cell, 16 units */
  }

.cell_2_17_30 {    width: 56.6666667%; /* child cell, 17 units */
  }

.cell_2_18_30 {    width: 60%; /* child cell, 18 units */
  }

.cell_2_19_30 {    width: 63.3333333%; /* child cell, 19 units */
  }

.cell_2_20_30 {    width: 66.6666667%; /* child cell, 20 units */
  }

.cell_2_21_30 {    width: 70%; /* child cell, 21 units */
  }

.cell_2_22_30 {    width: 73.3333333%; /* child cell, 22 units */
  }

.cell_2_23_30 {    width: 76.6666667%; /* child cell, 23 units */
  }

.cell_2_24_30 {    width: 80%; /* child cell, 24 units */
  }

.cell_2_25_30 {    width: 83.3333333%; /* child cell, 25 units */
  }

.cell_2_26_30 {    width: 86.6666667%; /* child cell, 26 units */
  }

.cell_2_27_30 {    width: 90%; /* child cell, 27 units */
  }

.cell_2_28_30 {    width: 93.3333333%; /* child cell, 28 units */
  }

.cell_2_29_30 {    width: 96.6666667%; /* child cell, 29 units */
  }

.cell_2_30_30 {    width: 100%; /* child cell, 30 units */
  }

  /* place all child cells for column size 30 in a row */
  .cell_2_1_30, .cell_2_2_30, .cell_2_3_30, .cell_2_4_30, .cell_2_5_30, .cell_2_6_30, .cell_2_7_30, .cell_2_8_30, .cell_2_9_30, .cell_2_10_30, .cell_2_11_30, .cell_2_12_30, .cell_2_13_30, .cell_2_14_30, .cell_2_15_30, .cell_2_16_30, .cell_2_17_30, .cell_2_18_30, .cell_2_19_30, .cell_2_20_30, .cell_2_21_30, .cell_2_22_30, .cell_2_23_30, .cell_2_24_30, .cell_2_25_30, .cell_2_26_30, .cell_2_27_30, .cell_2_28_30, .cell_2_29_30, .cell_2_30_30 {
    float: left;
  }

}

/* large */
@media only screen and (min-width: 1050px) {

  #largeMediaLayout p:after {content: "active";}

  body {
    width: 100%; /* Margin not required for large screens */
    margin-left: 0; /* Margin not required for large screens */
    margin-right: 0; /* Margin not required for large screens */
  }

  /* set widths of parent columns for all column sizes */
.cell_1_1_2 {    width: 50%; /* parent cell, 1 units */
  }

.cell_1_2_2 {    width: 100%; /* parent cell, 2 units */
  }

  /* place all parent cells for column size 2 in a row */
  .cell_1_1_2, .cell_1_2_2 {
    float: left;
  }

  /* set widths of parent columns for all column sizes */
.cell_1_1_3 {    width: 33.3333333%; /* parent cell, 1 units */
  }

.cell_1_2_3 {    width: 66.6666667%; /* parent cell, 2 units */
  }

.cell_1_3_3 {    width: 100%; /* parent cell, 3 units */
  }

  /* place all parent cells for column size 3 in a row */
  .cell_1_1_3, .cell_1_2_3, .cell_1_3_3 {
    float: left;
  }

  /* set widths of parent columns for all column sizes */
.cell_1_1_29 {    width: 3.4482759%; /* parent cell, 1 units */
  }

.cell_1_2_29 {    width: 6.8965517%; /* parent cell, 2 units */
  }

.cell_1_3_29 {    width: 10.3448276%; /* parent cell, 3 units */
  }

.cell_1_4_29 {    width: 13.7931034%; /* parent cell, 4 units */
  }

.cell_1_5_29 {    width: 17.2413793%; /* parent cell, 5 units */
  }

.cell_1_6_29 {    width: 20.6896552%; /* parent cell, 6 units */
  }

.cell_1_7_29 {    width: 24.137931%; /* parent cell, 7 units */
  }

.cell_1_8_29 {    width: 27.5862069%; /* parent cell, 8 units */
  }

.cell_1_9_29 {    width: 31.0344828%; /* parent cell, 9 units */
  }

.cell_1_10_29 {    width: 34.4827586%; /* parent cell, 10 units */
  }

.cell_1_11_29 {    width: 37.9310345%; /* parent cell, 11 units */
  }

.cell_1_12_29 {    width: 41.3793103%; /* parent cell, 12 units */
  }

.cell_1_13_29 {    width: 44.8275862%; /* parent cell, 13 units */
  }

.cell_1_14_29 {    width: 48.2758621%; /* parent cell, 14 units */
  }

.cell_1_15_29 {    width: 51.7241379%; /* parent cell, 15 units */
  }

.cell_1_16_29 {    width: 55.1724138%; /* parent cell, 16 units */
  }

.cell_1_17_29 {    width: 58.6206897%; /* parent cell, 17 units */
  }

.cell_1_18_29 {    width: 62.0689655%; /* parent cell, 18 units */
  }

.cell_1_19_29 {    width: 65.5172414%; /* parent cell, 19 units */
  }

.cell_1_20_29 {    width: 68.9655172%; /* parent cell, 20 units */
  }

.cell_1_21_29 {    width: 72.4137931%; /* parent cell, 21 units */
  }

.cell_1_22_29 {    width: 75.862069%; /* parent cell, 22 units */
  }

.cell_1_23_29 {    width: 79.3103448%; /* parent cell, 23 units */
  }

.cell_1_24_29 {    width: 82.7586207%; /* parent cell, 24 units */
  }

.cell_1_25_29 {    width: 86.2068966%; /* parent cell, 25 units */
  }

.cell_1_26_29 {    width: 89.6551724%; /* parent cell, 26 units */
  }

.cell_1_27_29 {    width: 93.1034483%; /* parent cell, 27 units */
  }

.cell_1_28_29 {    width: 96.5517241%; /* parent cell, 28 units */
  }

.cell_1_29_29 {    width: 100%; /* parent cell, 29 units */
  }

  /* place all parent cells for column size 29 in a row */
  .cell_1_1_29, .cell_1_2_29, .cell_1_3_29, .cell_1_4_29, .cell_1_5_29, .cell_1_6_29, .cell_1_7_29, .cell_1_8_29, .cell_1_9_29, .cell_1_10_29, .cell_1_11_29, .cell_1_12_29, .cell_1_13_29, .cell_1_14_29, .cell_1_15_29, .cell_1_16_29, .cell_1_17_29, .cell_1_18_29, .cell_1_19_29, .cell_1_20_29, .cell_1_21_29, .cell_1_22_29, .cell_1_23_29, .cell_1_24_29, .cell_1_25_29, .cell_1_26_29, .cell_1_27_29, .cell_1_28_29, .cell_1_29_29 {
    float: left;
  }

  /* set widths of parent columns for all column sizes */
.cell_1_1_30 {    width: 3.3333333%; /* parent cell, 1 units */
  }

.cell_1_2_30 {    width: 6.6666667%; /* parent cell, 2 units */
  }

.cell_1_3_30 {    width: 10%; /* parent cell, 3 units */
  }

.cell_1_4_30 {    width: 13.3333333%; /* parent cell, 4 units */
  }

.cell_1_5_30 {    width: 16.6666667%; /* parent cell, 5 units */
  }

.cell_1_6_30 {    width: 20%; /* parent cell, 6 units */
  }

.cell_1_7_30 {    width: 23.3333333%; /* parent cell, 7 units */
  }

.cell_1_8_30 {    width: 26.6666667%; /* parent cell, 8 units */
  }

.cell_1_9_30 {    width: 30%; /* parent cell, 9 units */
  }

.cell_1_10_30 {    width: 33.3333333%; /* parent cell, 10 units */
  }

.cell_1_11_30 {    width: 36.6666667%; /* parent cell, 11 units */
  }

.cell_1_12_30 {    width: 40%; /* parent cell, 12 units */
  }

.cell_1_13_30 {    width: 43.3333333%; /* parent cell, 13 units */
  }

.cell_1_14_30 {    width: 46.6666667%; /* parent cell, 14 units */
  }

.cell_1_15_30 {    width: 50%; /* parent cell, 15 units */
  }

.cell_1_16_30 {    width: 53.3333333%; /* parent cell, 16 units */
  }

.cell_1_17_30 {    width: 56.6666667%; /* parent cell, 17 units */
  }

.cell_1_18_30 {    width: 60%; /* parent cell, 18 units */
  }

.cell_1_19_30 {    width: 63.3333333%; /* parent cell, 19 units */
  }

.cell_1_20_30 {    width: 66.6666667%; /* parent cell, 20 units */
  }

.cell_1_21_30 {    width: 70%; /* parent cell, 21 units */
  }

.cell_1_22_30 {    width: 73.3333333%; /* parent cell, 22 units */
  }

.cell_1_23_30 {    width: 76.6666667%; /* parent cell, 23 units */
  }

.cell_1_24_30 {    width: 80%; /* parent cell, 24 units */
  }

.cell_1_25_30 {    width: 83.3333333%; /* parent cell, 25 units */
  }

.cell_1_26_30 {    width: 86.6666667%; /* parent cell, 26 units */
  }

.cell_1_27_30 {    width: 90%; /* parent cell, 27 units */
  }

.cell_1_28_30 {    width: 93.3333333%; /* parent cell, 28 units */
  }

.cell_1_29_30 {    width: 96.6666667%; /* parent cell, 29 units */
  }

.cell_1_30_30 {    width: 100%; /* parent cell, 30 units */
  }

  /* place all parent cells for column size 30 in a row */
  .cell_1_1_30, .cell_1_2_30, .cell_1_3_30, .cell_1_4_30, .cell_1_5_30, .cell_1_6_30, .cell_1_7_30, .cell_1_8_30, .cell_1_9_30, .cell_1_10_30, .cell_1_11_30, .cell_1_12_30, .cell_1_13_30, .cell_1_14_30, .cell_1_15_30, .cell_1_16_30, .cell_1_17_30, .cell_1_18_30, .cell_1_19_30, .cell_1_20_30, .cell_1_21_30, .cell_1_22_30, .cell_1_23_30, .cell_1_24_30, .cell_1_25_30, .cell_1_26_30, .cell_1_27_30, .cell_1_28_30, .cell_1_29_30, .cell_1_30_30 {
    float: left;
  }

  /* set widths of parent childs for all column sizes */
.cell_2_1_2 {    width: 50%; /* child cell, 1 units */
  }

.cell_2_2_2 {    width: 100%; /* child cell, 2 units */
  }

  /* place all child cells for column size 2 in a row */
  .cell_2_1_2, .cell_2_2_2 {
    float: left;
  }

  /* set widths of parent childs for all column sizes */
.cell_2_1_3 {    width: 33.3333333%; /* child cell, 1 units */
  }

.cell_2_2_3 {    width: 66.6666667%; /* child cell, 2 units */
  }

.cell_2_3_3 {    width: 100%; /* child cell, 3 units */
  }

  /* place all child cells for column size 3 in a row */
  .cell_2_1_3, .cell_2_2_3, .cell_2_3_3 {
    float: left;
  }

  /* set widths of parent childs for all column sizes */
.cell_2_1_29 {    width: 3.4482759%; /* child cell, 1 units */
  }

.cell_2_2_29 {    width: 6.8965517%; /* child cell, 2 units */
  }

.cell_2_3_29 {    width: 10.3448276%; /* child cell, 3 units */
  }

.cell_2_4_29 {    width: 13.7931034%; /* child cell, 4 units */
  }

.cell_2_5_29 {    width: 17.2413793%; /* child cell, 5 units */
  }

.cell_2_6_29 {    width: 20.6896552%; /* child cell, 6 units */
  }

.cell_2_7_29 {    width: 24.137931%; /* child cell, 7 units */
  }

.cell_2_8_29 {    width: 27.5862069%; /* child cell, 8 units */
  }

.cell_2_9_29 {    width: 31.0344828%; /* child cell, 9 units */
  }

.cell_2_10_29 {    width: 34.4827586%; /* child cell, 10 units */
  }

.cell_2_11_29 {    width: 37.9310345%; /* child cell, 11 units */
  }

.cell_2_12_29 {    width: 41.3793103%; /* child cell, 12 units */
  }

.cell_2_13_29 {    width: 44.8275862%; /* child cell, 13 units */
  }

.cell_2_14_29 {    width: 48.2758621%; /* child cell, 14 units */
  }

.cell_2_15_29 {    width: 51.7241379%; /* child cell, 15 units */
  }

.cell_2_16_29 {    width: 55.1724138%; /* child cell, 16 units */
  }

.cell_2_17_29 {    width: 58.6206897%; /* child cell, 17 units */
  }

.cell_2_18_29 {    width: 62.0689655%; /* child cell, 18 units */
  }

.cell_2_19_29 {    width: 65.5172414%; /* child cell, 19 units */
  }

.cell_2_20_29 {    width: 68.9655172%; /* child cell, 20 units */
  }

.cell_2_21_29 {    width: 72.4137931%; /* child cell, 21 units */
  }

.cell_2_22_29 {    width: 75.862069%; /* child cell, 22 units */
  }

.cell_2_23_29 {    width: 79.3103448%; /* child cell, 23 units */
  }

.cell_2_24_29 {    width: 82.7586207%; /* child cell, 24 units */
  }

.cell_2_25_29 {    width: 86.2068966%; /* child cell, 25 units */
  }

.cell_2_26_29 {    width: 89.6551724%; /* child cell, 26 units */
  }

.cell_2_27_29 {    width: 93.1034483%; /* child cell, 27 units */
  }

.cell_2_28_29 {    width: 96.5517241%; /* child cell, 28 units */
  }

.cell_2_29_29 {    width: 100%; /* child cell, 29 units */
  }

  /* place all child cells for column size 29 in a row */
  .cell_2_1_29, .cell_2_2_29, .cell_2_3_29, .cell_2_4_29, .cell_2_5_29, .cell_2_6_29, .cell_2_7_29, .cell_2_8_29, .cell_2_9_29, .cell_2_10_29, .cell_2_11_29, .cell_2_12_29, .cell_2_13_29, .cell_2_14_29, .cell_2_15_29, .cell_2_16_29, .cell_2_17_29, .cell_2_18_29, .cell_2_19_29, .cell_2_20_29, .cell_2_21_29, .cell_2_22_29, .cell_2_23_29, .cell_2_24_29, .cell_2_25_29, .cell_2_26_29, .cell_2_27_29, .cell_2_28_29, .cell_2_29_29 {
    float: left;
  }

  /* set widths of parent childs for all column sizes */
.cell_2_1_30 {    width: 3.3333333%; /* child cell, 1 units */
  }

.cell_2_2_30 {    width: 6.6666667%; /* child cell, 2 units */
  }

.cell_2_3_30 {    width: 10%; /* child cell, 3 units */
  }

.cell_2_4_30 {    width: 13.3333333%; /* child cell, 4 units */
  }

.cell_2_5_30 {    width: 16.6666667%; /* child cell, 5 units */
  }

.cell_2_6_30 {    width: 20%; /* child cell, 6 units */
  }

.cell_2_7_30 {    width: 23.3333333%; /* child cell, 7 units */
  }

.cell_2_8_30 {    width: 26.6666667%; /* child cell, 8 units */
  }

.cell_2_9_30 {    width: 30%; /* child cell, 9 units */
  }

.cell_2_10_30 {    width: 33.3333333%; /* child cell, 10 units */
  }

.cell_2_11_30 {    width: 36.6666667%; /* child cell, 11 units */
  }

.cell_2_12_30 {    width: 40%; /* child cell, 12 units */
  }

.cell_2_13_30 {    width: 43.3333333%; /* child cell, 13 units */
  }

.cell_2_14_30 {    width: 46.6666667%; /* child cell, 14 units */
  }

.cell_2_15_30 {    width: 50%; /* child cell, 15 units */
  }

.cell_2_16_30 {    width: 53.3333333%; /* child cell, 16 units */
  }

.cell_2_17_30 {    width: 56.6666667%; /* child cell, 17 units */
  }

.cell_2_18_30 {    width: 60%; /* child cell, 18 units */
  }

.cell_2_19_30 {    width: 63.3333333%; /* child cell, 19 units */
  }

.cell_2_20_30 {    width: 66.6666667%; /* child cell, 20 units */
  }

.cell_2_21_30 {    width: 70%; /* child cell, 21 units */
  }

.cell_2_22_30 {    width: 73.3333333%; /* child cell, 22 units */
  }

.cell_2_23_30 {    width: 76.6666667%; /* child cell, 23 units */
  }

.cell_2_24_30 {    width: 80%; /* child cell, 24 units */
  }

.cell_2_25_30 {    width: 83.3333333%; /* child cell, 25 units */
  }

.cell_2_26_30 {    width: 86.6666667%; /* child cell, 26 units */
  }

.cell_2_27_30 {    width: 90%; /* child cell, 27 units */
  }

.cell_2_28_30 {    width: 93.3333333%; /* child cell, 28 units */
  }

.cell_2_29_30 {    width: 96.6666667%; /* child cell, 29 units */
  }

.cell_2_30_30 {    width: 100%; /* child cell, 30 units */
  }

  /* place all child cells for column size 30 in a row */
  .cell_2_1_30, .cell_2_2_30, .cell_2_3_30, .cell_2_4_30, .cell_2_5_30, .cell_2_6_30, .cell_2_7_30, .cell_2_8_30, .cell_2_9_30, .cell_2_10_30, .cell_2_11_30, .cell_2_12_30, .cell_2_13_30, .cell_2_14_30, .cell_2_15_30, .cell_2_16_30, .cell_2_17_30, .cell_2_18_30, .cell_2_19_30, .cell_2_20_30, .cell_2_21_30, .cell_2_22_30, .cell_2_23_30, .cell_2_24_30, .cell_2_25_30, .cell_2_26_30, .cell_2_27_30, .cell_2_28_30, .cell_2_29_30, .cell_2_30_30 {
    float: left;
  }

}


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


/*
This layout system has multiple rows defined with the 'cell_0' class
Each row is split into a number of parent cells (level 1) and each parent cell can be split into a number of child (level 2) cells
The parent cells can be split into as many cells as required across the window width. 'definedColumns' specifies which grids are created 
The child cells can be split likewise across the parent width.

Cell classes are named as follows:
  'cell_level_childsize_maxcells', e.g.
  cell_1_2_3 refers to a parent (level 1) cell which is 66.6% (2 x one third) of window width
  cell_2_2_5 refers to a child (level 2) cell which is 40% (2 x one fifth) of parent width

The initial assumption is that we have a very narrow window width and level 1 and 2 are moved into columns.

When the window width increases to 600px (configurable) or more then the level 2 cells are combined into a row, ie the level 2 components are moved into a row 

When the window with increases to 910px (configurable) or more then the level 1 cells are combined into a row, ie the level 1 components are moved into a row 
*/

.cell_0 {
  width: 100%;
  background-color: inherit;
}
.cell_0::after { /* Try to clear all this floating */
  content: " ";
  clear: both;
  display: table;
}

  /* 2 cell parent layout */
  .cell_1_1_2, .cell_1_2_2 {
    background-color: inherit;
  }

  /* 3 cell parent layout */
  .cell_1_1_3, .cell_1_2_3, .cell_1_3_3 {
    background-color: inherit;
  }

  /* 29 cell parent layout */
  .cell_1_1_29, .cell_1_2_29, .cell_1_3_29, .cell_1_4_29, .cell_1_5_29, .cell_1_6_29, .cell_1_7_29, .cell_1_8_29, .cell_1_9_29, .cell_1_10_29, .cell_1_11_29, .cell_1_12_29, .cell_1_13_29, .cell_1_14_29, .cell_1_15_29, .cell_1_16_29, .cell_1_17_29, .cell_1_18_29, .cell_1_19_29, .cell_1_20_29, .cell_1_21_29, .cell_1_22_29, .cell_1_23_29, .cell_1_24_29, .cell_1_25_29, .cell_1_26_29, .cell_1_27_29, .cell_1_28_29, .cell_1_29_29 {
    background-color: inherit;
  }

  /* 30 cell parent layout */
  .cell_1_1_30, .cell_1_2_30, .cell_1_3_30, .cell_1_4_30, .cell_1_5_30, .cell_1_6_30, .cell_1_7_30, .cell_1_8_30, .cell_1_9_30, .cell_1_10_30, .cell_1_11_30, .cell_1_12_30, .cell_1_13_30, .cell_1_14_30, .cell_1_15_30, .cell_1_16_30, .cell_1_17_30, .cell_1_18_30, .cell_1_19_30, .cell_1_20_30, .cell_1_21_30, .cell_1_22_30, .cell_1_23_30, .cell_1_24_30, .cell_1_25_30, .cell_1_26_30, .cell_1_27_30, .cell_1_28_30, .cell_1_29_30, .cell_1_30_30 {
    background-color: inherit;
  }

  /* 2 cell child layout */
  .cell_2_1_2, .cell_2_2_2 {
    background-color: inherit;
  }

  /* 3 cell child layout */
  .cell_2_1_3, .cell_2_2_3, .cell_2_3_3 {
    background-color: inherit;
  }

  /* 29 cell child layout */
  .cell_2_1_29, .cell_2_2_29, .cell_2_3_29, .cell_2_4_29, .cell_2_5_29, .cell_2_6_29, .cell_2_7_29, .cell_2_8_29, .cell_2_9_29, .cell_2_10_29, .cell_2_11_29, .cell_2_12_29, .cell_2_13_29, .cell_2_14_29, .cell_2_15_29, .cell_2_16_29, .cell_2_17_29, .cell_2_18_29, .cell_2_19_29, .cell_2_20_29, .cell_2_21_29, .cell_2_22_29, .cell_2_23_29, .cell_2_24_29, .cell_2_25_29, .cell_2_26_29, .cell_2_27_29, .cell_2_28_29, .cell_2_29_29 {
    background-color: inherit;
  }

  /* 30 cell child layout */
  .cell_2_1_30, .cell_2_2_30, .cell_2_3_30, .cell_2_4_30, .cell_2_5_30, .cell_2_6_30, .cell_2_7_30, .cell_2_8_30, .cell_2_9_30, .cell_2_10_30, .cell_2_11_30, .cell_2_12_30, .cell_2_13_30, .cell_2_14_30, .cell_2_15_30, .cell_2_16_30, .cell_2_17_30, .cell_2_18_30, .cell_2_19_30, .cell_2_20_30, .cell_2_21_30, .cell_2_22_30, .cell_2_23_30, .cell_2_24_30, .cell_2_25_30, .cell_2_26_30, .cell_2_27_30, .cell_2_28_30, .cell_2_29_30, .cell_2_30_30 {
    background-color: inherit;
  }