body{
	background-color: #322a2d !important;
	background-image: url("./img/bg.png");
	background-repeat: repeat-x;
}

.card-img-overlay {
	position: absolute;
	height: 225px;
	width: 100%;	
	//background-color: #983272;
	mix-blend-mode: multiply;
	opacity: 30%;
	//transition: background-color .5s ease;
}

.card:hover .card-img-overlay {	
	//background-color: #983272;
	background-color: transparent;
	//transition: background-color .5s ease;
}

#playground{
	margin: 0 auto 0 auto;
	padding:0;
	overflow: hidden;
	line-height:0;
}

.h6, .h5 {
	text-transform: uppercase;
}

.card{
	border-radius: 0 !important;
}
.card img{
	border-radius: 0 !important;
}
h5{
	font-size: 1.1rem !important;
	line-height: 1.15 !important;
}


img.card-img-top {
	filter: contrast(80%);
	transition: filter .5s ease;
}
.card:hover .card-img-top {	
	filter: contrast(100%);
	transition: filter .5s ease;
}