html, body {
		min-height: 100%;
		margin: 0;
		padding: 0;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.item-collected td.item-icon i:before{
	content: "\f8d9";
}

.item-ordered td {
	color: #88591c;
	background-color: #fff3d0;
}

.item-ordered td.item-icon i:before{
	content: "\f252";
}

.item-sold td {
	color: #338c33;
	background-color: rgb(234, 255, 234);
}

.item-sold td.item-icon i:before {
	content: "\f81d";
}

.item-selling td {
	color: #5c5cfb;
	background-color: rgb(213, 244, 244);
}

.item-selling td.item-icon i:before {
	content: "\f07a";
}

.release-info-head {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.release-head {
	flex-grow: 1;
	flex-shrink: 0;
	width:min-content
}

.release-discs {
	position: relative;
	justify-content: end;
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row-reverse;
	margin-bottom:20px;
}

.disc {
	position: relative;
	height: 130px;
	max-width: 60px;
}

.vinyl-img {
	height: 100%;
	border-radius: 100%;
	filter: drop-shadow(2px 0 3px rgba(0,0,0,0.5));
	position: absolute;
	right: 0;
}

@media (max-width: 992px) {

	.release-info-head{
		flex-direction: column-reverse;
		align-items: center;
	}

	.release-discs {
		justify-content: center;
		width:75%;
	}

	.disc {
		min-width: unset;
	}

	.vinyl-img {
		transform: translateX(-50%);
		left: 50%;
		right: auto;
	}

	.release-head {
		width: 100%;
	}
}