.cols .columns{
  display:grid;
}

.cols .columns.total-cols-1{grid-template-columns:repeat(1,1fr);}
.cols .columns.total-cols-2{grid-template-columns:repeat(2,1fr);}
.cols .columns.total-cols-3{grid-template-columns:repeat(3,1fr);}
.cols .columns.total-cols-4{grid-template-columns:repeat(4,1fr);}
.cols .columns.total-cols-5{grid-template-columns:repeat(5,1fr);}
.cols .columns.total-cols-6{grid-template-columns:repeat(6,1fr);}

.cols .columns .column{min-width:0;min-height:0;}
.cols .columns .column.col-span-1{grid-column:span 1;}
.cols .columns .column.col-span-2{grid-column:span 2;}
.cols .columns .column.col-span-3{grid-column:span 3;}
.cols .columns .column.col-span-4{grid-column:span 4;}
.cols .columns .column.col-span-5{grid-column:span 5;}
.cols .columns .column.col-span-6{grid-column:span 6;}

.cols .columns .column .image-column img{max-width:100%;height:auto;display:block}

@media(max-width:884px){
  .cols .columns{
    grid-template-columns:1fr!important;
  }

  .cols .columns .column{
    margin-bottom:1em;
  }
}