.column {
  float: left;
  width: 33.33%;
  margin-bottom: 16px;
  padding: 0 8px;
}

@media (max-width: 575.98px) {
  .column {

    width: 50%;
    font-size: 12px; 
    padding: 0 8px;

}
}


@media (min-width: 576px) and (max-width: 767.98px) {
.column {
  float: left;
  width: 50%;
  margin-bottom: 16px;
  padding: 0 8px;
  font-size: 12px;
}
 }

@media (min-width: 768px) and (max-width: 991.98px) {
.column {
  float: left;
  width: 33.33%;
  margin-bottom: 16px;
  padding: 0 8px;
}

}

@media (min-width: 992px) and (max-width: 1199.98px) {

	.column {
  float: left;
  width: 25%;
  margin-bottom: 16px;
  padding: 0 8px;
  border-radius:0.8em ;
}
}

@media (min-width: 1200px) {
.column {
  float: left;
  width: 20%;
  margin-bottom: 16px;
  padding: 0 8px;

}

}