table {
 	border-collapse: collapse;
 }
 
 td,
 th {
 	padding: 1em;
 }
 
 th:first-child {
 	padding-left: .5em;
 }
 
 th:last-child,
 td:last-child {
 	padding-right: .5em;
 }
 
 thead th {
 	border-bottom: 0px;
 }
 
 tbody th {
 	font-weight: normal;
 	text-align: left;
 }
 
 th a {
 	background: no-repeat left center;
 	padding: 15px 5px 15px 40px;
 }
 
 td {
 	text-align: center;
 }
 
 td:nth-child(3) {
 	text-align: right;
 }
 
 td:nth-child(4) {
 	color: red;
 	font-weight: bold;
 }
 
 td.paid {
 	color: green;
 	font-weight: normal;
 }
 @media screen and (max-width: 52em) {
	table, tbody, tr {
		display: block;
	}
	thead {
		display: none;
	}
	tr:first-child {
		border-top: 0px;
	}
	tr {
		border-bottom: 0px;
		padding: .5em 2em 1em;
	}
	th::before {
		content: "";
	}
	td:nth-child(2)::before {
		content: "";
	}
	td:nth-child(3)::before {
		content: "";
	}
	td:nth-child(4)::before {
		content: "";
	}
	td.paid + td::before {
		content: "";
	}
	tbody th {
		display: block;
		font-weight: bold;
	}
	th a {
		font-weight: normal;
	}
	td {
		display: inline-block;
		min-width: 30%;
		padding: .2em 2em;
		text-align: left;
	}
	td:nth-child(3) {
		text-align: left;
	}
}
@media screen and (max-width: 33em) {
	td {
		display: block;
	}
	tr {
		padding: .5em .5em 1em;
	}
}