#gradient {
		background: #66002b; /* Old browsers */
		background: -moz-linear-gradient(left, #66002b 0%, #cc0055 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #66002b 0%,#cc0055 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #66002b 0%,#cc0055 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66002b', endColorstr='#cc0055',GradientType=1 ); /* IE6-9 */
	}

	table {
		border-collapse: collapse;
		margin: 0;
		padding: 0;
		width: 100%;
		table-layout: fixed;
	}
	
	th {
		color: white;
		font-size: 18px;
		text-align: left;
	}
	
	tr:hover td {
		background-color: #ffff99;
	}
		
	@media screen and (max-width: 768px) {
		table {
			border: 0;
		}

		table thead {
			border: none;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		
		table tr {
			border-bottom: 3px solid #ddd;
			display: block;
			margin-bottom: .625em;
		}
  
		table td {
			border-bottom: 1px solid #ddd;
			display: block;
			font-size: .8em;
			text-align: right;
		}
  
		table td::before {
			content: attr(data-label);
			float: left;
			font-weight: bold;
			text-transform: uppercase;
		}
			
		table td:last-child {
			border-bottom: 0;
		}
	}