.row, .column{
   box-sizing: border-box;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}
 
.row:after {
  clear: both;
}

.column {
  position: relative;
  float: left;
}

.column + .column {
  margin-left: 0.5%;
}

.column-1 {
  width: 4.53%;
}
 
.column-2 {
  width: 9.55%;
}
 
.column-3 {
  width: 14.575%;
}
 
.column-4 {
  width: 19.6%;
}
 
.column-5 {
  width: 24.625%;
}
 
.column-6 {
  width: 29.65%;
}
 
.column-7 {
  width: 34.675%;
}
 
.column-8 {
  width: 39.7%;
}
 
.column-9 {
  width: 44.725%;
}
 
.column-10 {
  width: 49.75%;
}

.column-11 {
  width: 54.775%;
}

.column-12 {
  width: 59.8%;
}

.column-13 {
  width: 64.825%;
}

.column-14 {
  width: 69.85%;
}

.column-15 {
  width: 74.875%;
}

.column-16 {
  width: 79.9%;
}

.column-17 {
  width: 84.925%;
}

.column-18 {
  width: 89.95%;
}

.column-19 {
  width: 94.975%;
}

.column-20 {
  width: 100%;
}

@media only screen and (max-width: 550px) {
  .column-1,
  .column-2,
  .column-3,
  .column-4,
  .column-5,
  .column-6,
  .column-7,
  .column-8,
  .column-9,
  .column-10,
  .column-11,
  .column-12,
  .column-13,
  .column-14,
  .column-15,
  .column-16,
  .column-17,
  .column-18,
  .column-19,
  .column-20 {
    width: auto;
    float: none;
  }
 
  .column + .column {
    margin-left: 0;
  }
}