.row {
	width:100%!important;
  display: flex!important;
  flex-wrap: wrap!important;
}

.hp-item {
  padding: 20px;
  flex: 32%;
  margin:2px;
  padding-top:0px;
}

  .col-1-3 {
	flex: 32%!important;
	margin:2px;
  }

  .col-1-2 {
	flex: 48%!important;
	margin:2px;
  }

/* Responsive layout - makes a two column-layout instead of a three-column layout */
@media (max-width: 1000px) {
  .col-1-2 {
    flex: 48%!important;
  }
  .col-1-3 {
    flex: 48%!important;
  }
}


/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px) {
  .col-1-3 {
    flex: 100%!important;
  }

  .col-1-2 {
    flex: 100%!important;
  }
  
    .col-1 {
    flex: 100%!important;
    width:100%;
  }

}