/* 12 column grid system */

.iiser_grid{display: block;}
.iiser_grid .row{width: 100%;margin:2px 0;display: flex; box-sizing: border-box;}
.iiser_grid .column{float: left; width: auto;display: inline-block; margin: 10px 0;min-height: 30px;box-sizing: border-box;padding:0 5px;}
.iiser_grid .center_aligned_column{ margin: 2px auto; margin-left: auto; margin-right: auto;}

.iiser_grid .one{width: 8.33%;}
.iiser_grid .onefive{ width: 12.49%; }
.iiser_grid .two{width: 16.66%;}
.iiser_grid .twofive{width: 20.82%;}
.iiser_grid .three{width: 25%;}
.iiser_grid .threefive{ width: 29.16%; }
.iiser_grid .four{width: 33.33%;}
.iiser_grid .fourfive{width: 37.50%;}
.iiser_grid .five{width: 41.66%;}
.iiser_grid .fivefive{width: 45.84%;}
.iiser_grid .six{width: 50%;}
.iiser_grid .sixfive{ width: 54.16%;}
.iiser_grid .seven{width: 58.33%;}
.iiser_grid .sevenfive{width: 62.50%;}
.iiser_grid .eight{width: 66.66%;}
.iiser_grid .eightfive{ width: 70.82%; }
.iiser_grid .nine{width: 75%;}
.iiser_grid .ninefive{ width: 79.16%; }
.iiser_grid .ten{width: 83.33%;}
.iiser_grid .tenfive{width: 87.49%;}
.iiser_grid .eleven{width: 91.66%;}
.iiser_grid .elevenfive{width: 95.82%;}
.iiser_grid .twelve{width: 100%;}

.iiser_grid .sixty_percent{ width: 59.97%; }
.iiser_grid .fourty_percent{ width: 39.98%; }
.iiser_grid .fifyfive_percent{ width: 54.98%; }
.iiser_grid .fourtyfive_percent{ width: 44.98%; }



.iiser_unstackable_grid{display: block;}
.iiser_unstackable_grid .row{width: 100%;margin:2px 0;display: flex; box-sizing: border-box;}
.iiser_unstackable_grid .column{float: left; width: auto;display: inline-block; margin: 10px 0;min-height: 30px;box-sizing: border-box;padding:0 5px;}

.iiser_unstackable_grid .one{width: 8.33%;}
.iiser_unstackable_grid .onefive{ width: 12.49%; }
.iiser_unstackable_grid .two{width: 16.66%;}
.iiser_unstackable_grid .twofive{width: 20.82%;}
.iiser_unstackable_grid .three{width: 25%;}
.iiser_unstackable_grid .threefive{ width: 29.16%; }
.iiser_unstackable_grid .four{width: 33.33%;}
.iiser_unstackable_grid .fourfive{width: 37.50%;}
.iiser_unstackable_grid .five{width: 41.66%;}
.iiser_unstackable_grid .fivefive{width: 45.84%;}
.iiser_unstackable_grid .six{width: 50%;}
.iiser_unstackable_grid .sixfive{ width: 54.16%;}
.iiser_unstackable_grid .seven{width: 58.33%;}
.iiser_unstackable_grid .sevenfive{width: 62.50%;}
.iiser_unstackable_grid .eight{width: 66.66%;}
.iiser_unstackable_grid .eightfive{ width: 70.82%; }
.iiser_unstackable_grid .nine{width: 75%;}
.iiser_unstackable_grid .ninefive{ width: 79.16%; }
.iiser_unstackable_grid .ten{width: 83.33%;}
.iiser_unstackable_grid .tenfive{width: 87.49%;}
.iiser_unstackable_grid .eleven{width: 91.66%;}
.iiser_unstackable_grid .elevenfive{width: 95.82%;}
.iiser_unstackable_grid .twelve{width: 100%;}

/* mobile grid */
@media screen and (max-width: 720px) {

    .iiser_grid  .row{display: block;}
    .iiser_grid  .column{float: none;display: block;}
    .iiser_grid  .one{width: 100%;}
    .iiser_grid  .onefive{ width: 100%; }
    .iiser_grid  .two{width: 100%;}
    .iiser_grid  .twofive{ width: 100%; }
    .iiser_grid  .three{width: 100%;}
    .iiser_grid  .threefive{ width: 100%; }
    .iiser_grid  .four{width: 100%;}
    .iiser_grid  .fourfive{ width: 100%; }
    .iiser_grid  .five{width: 100%;}
    .iiser_grid  .fivefive{ width: 100%; }
    .iiser_grid  .six{width: 100%;}
    .iiser_grid  .sixfive{ width: 100%; }
    .iiser_grid  .seven{width: 100%;}
    .iiser_grid  .sevenfive{ width: 100%; }
    .iiser_grid  .eight{width: 100%;}
    .iiser_grid  .eightfive{ width: 100%; }
    .iiser_grid  .nine{width: 100%;}
    .iiser_grid  .ninefive{ width: 100%; }
    .iiser_grid  .ten{width: 100%;}
    .iiser_grid  .tenfive{ width: 100%; }
    .iiser_grid  .eleven{width: 100%;}
    .iiser_grid  .elevenfive{ width: 100%; }
    .iiser_grid  .twelve{width: 100%;}

    .iiser_grid .sixty_percent{ width: 100%; }
    .iiser_grid .fourty_percent{ width: 100%; }
    .iiser_grid .fifyfive_percent{ width: 100%; }
    .iiser_grid .fourtyfive_percent{ width: 100%; }

}