/* 16 column gird system */
.iiser-grid { display: block; margin: 1em 0; width: 100%; }
.iiser-grid > .row { display: flex; width: 100%; }
.iiser-grid > .row > .column { float: left; width: auto;display: inline-block; min-height: 30px; box-sizing: border-box; padding: 3px; }
.iiser-grid > .row > .one      { width: 06.25%; }
.iiser-grid > .row > .two      { width: 12.50%; }
.iiser-grid > .row > .three    { width: 18.75%; }
.iiser-grid > .row > .four     { width: 25.00%; }
.iiser-grid > .row > .five     { width: 31.25%; }
.iiser-grid > .row > .six      { width: 37.50%; }
.iiser-grid > .row > .seven    { width: 43.75%; }
.iiser-grid > .row > .eight    { width: 50.00%; }
.iiser-grid > .row > .nine     { width: 56.25%; }
.iiser-grid > .row > .ten      { width: 62.50%; }
.iiser-grid > .row > .eleven   { width: 68.75%; }
.iiser-grid > .row > .twelve   { width: 75.00%; }
.iiser-grid > .row > .thirteen { width: 81.25%; }
.iiser-grid > .row > .fourteen { width: 87.50%; }
.iiser-grid > .row > .fifteen  { width: 93.75%; }
.iiser-grid > .row > .sixteen  { width: 100%; }

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

    .iiser-grid > .row { display: block; }
    .iiser-grid > .row > .column { float: none; width: auto;display: block; }
    .iiser-grid > .row > .one      { width: 100%; }
    .iiser-grid > .row > .two      { width: 100%; }
    .iiser-grid > .row > .three    { width: 100%; }
    .iiser-grid > .row > .four     { width: 100%; }
    .iiser-grid > .row > .five     { width: 100%; }
    .iiser-grid > .row > .six      { width: 100%; }
    .iiser-grid > .row > .seven    { width: 100%; }
    .iiser-grid > .row > .eight    { width: 100%; }
    .iiser-grid > .row > .nine     { width: 100%; }
    .iiser-grid > .row > .ten      { width: 100%; }
    .iiser-grid > .row > .eleven   { width: 100%; }
    .iiser-grid > .row > .twelve   { width: 100%; }
    .iiser-grid > .row > .thirteen { width: 100%; }
    .iiser-grid > .row > .fourteen { width: 100%; }
    .iiser-grid > .row > .fifteen  { width: 100%; }
    .iiser-grid > .row > .sixteen  { width: 100%; }

}