.historyTable li {
  border-radius: 3px;
  padding: 1.3rem 1.6rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: .8rem;
}
.table-header {
  background-color: #000000;
  color:#fff ;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.table-row {
  background-color: #ffffff;
  box-shadow: 0px 0px 0.5rem 0px rgba(0,0,0,0.1);
}

.col-1 {
	display: table-cell;
	flex-basis: 10%;
}
.col-2 {
	display: table-cell;
	flex-basis: 40%;
}
.col-3 {
	display: table-cell;
	flex-basis: 25%;
}
.col-4 {
	display: table-cell;
	flex-basis: 25%;
}

@media all and (max-width: 480px) {
	
	.historyTable {
		margin: auto;
		padding: 0;
		width: 95vw;
	}
	
	.historyTable li {
		justify-content: space-evenly;
	}
	
	.col-1, .col-2, .col-3, .col-4 {
		padding: 0 5px;
	}
	.col-1, .col-2, .col-3 {
		border-right: 1px solid #dee2e6;
	}
	
	
}