h2{
	font-size: 1.8em;
}
h3{
	font-size: 1.3em;
	margin-bottom: 15px;
	font-weight: bold;
}

.prices-realised-img{
	float: right;
	display: block;
	height: auto;
	margin-top: 40px;
	max-width: 200px;
	margin-left: 30px;
	margin-bottom: 30px;
}

.col-table{
	padding-top: 50px
}
table{
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 30px;
}

td{
	border-left: 1px solid rgba(0,0,0,0.1);
}

td:first-child(){
	border-left: 0px;
}

tr:nth-child(even){
	background-color: rgba(0,0,0,0.07);	
}

th{
	border-left: 1px solid rgba(0,0,0,0.1);
}

th:first-child(){
	border-left: 0px;
}

@media screen and (max-width: 550px){
	.prices-realised-img{
		display: none;
	}
}

@media screen and (max-width: 550px){
		table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	table{
		border: 0px;
	}
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	th{
		display: none;
	}
	
	tr { border: 1px solid #ccc; }
	
	tr:first-child{
		border: 0px;
		margin-bottom: 0px;
	}
	
	td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-right: 0px;
		 padding-top: 30px;

	}
	td:first-child{
		background-color: rgba(0,0,0,0.05);
	}
	tr{
		margin-bottom: 50px;
	}
	
	td:before { 
	
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight: bold;
		color: rgb(0,102,51);
	}
	

	

	td:nth-of-type(1):before { content: "Lot Number"; }
	td:nth-of-type(2):before { content: "Item Description"; }
	td:nth-of-type(3):before { content: "Realised Price"; }
	

}