/* Styles */

body {
	background: url('bg1.jpg') no-repeat center center fixed;
	background-size: cover;
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
	color: #d5d5d5;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Kelly Slab', serif;
	text-align: center;
	color: white;
}

h2,h3,h4,h5,h6 {
	font-weight: normal;
}

.intro {
	text-align: center;
	font-size: 1.2rem;
	padding: 0 20%;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

td, th {
	text-align: left;
	padding: 4px 5px 1px 5px;
}
th {
	font-weight: bold;
}
thead tr {
	background: rgba(0,0,0,0.5);
}
tbody tr {
	border-bottom: 1px solid #fff3;
}

th, td {
	white-space: nowrap;
	vertical-align: top;
}
th:nth-child(4), td:nth-child(4) {
	width: 7em;
	text-align: right;
}
td:nth-child(5) {
	white-space: normal;
}
div.reason {
	display: inline-block;
	width: calc(100% - 30px);
}

.data {
/*	background: rgba(7, 2, 24, 0.5); */
	background: rgba(17, 2, 2, 0.52);
	width: calc(100% - 320px);
	min-width: 800px;
	margin: 50px auto;
	padding: 40px;
	min-height: calc(100vh - 180px);
}

img.head {
	width: 20px;
	margin: 0px 10px 3px 0px;
	vertical-align: top;
}