.ud--quartet-wrapper {
	/*
	display:flex;
	flex-wrap:wrap;
	*/
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.home .ud--quartet-wrapper {
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.ud--quartet-card {
	background-color:#FFF;
	border-radius:7px;
	-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.2);
	box-shadow:0 2px 10px 0 rgba(0,0,0,.2);
	margin:10px;
	padding:5px;
	/*
	min-width:300px;
	max-width:400px;
	width: min-content;
	flex-grow: 1;
	flex-shrink: 1;
	*/
	text-decoration:none;
	transition:all .2s ease-in-out;
}
.ud--quartet-card:hover {
	-webkit-box-shadow: 0 2px 38px 0 rgba(0,0,0,.5);
	box-shadow: 0 2px 38px 0 rgba(0,0,0,.5);
	transform:scale(1.06);
	position: relative;
	z-index: 3;
}
.ud--quartet-card > div {
	background-color:#FFF;
	border-radius:7px;
	overflow:hidden;
	transition:all .2s ease-in-out;
	height:100%;
	display: flex;
	flex-direction: column;
}
.ud--quartet-card:hover > div {
	background-color:#eb573c;
}
.ud--quartet-card header {
	position:relative;
}
.ud--quartet-card .ud--quartet-name {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
	color:#FFF;
	line-height:1.2;
	padding:1.6rem 10.5rem 4rem 2rem;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );
}

.ud--quartet-flag {
	position:absolute;
	top:2rem;
	right:2rem;
	width:auto;
	height:3.5rem;
	display:block;
	z-index:3;
}

.ud--quartet-card .ud--quartet-name span,
.ud--quartet-card .ud--quartet-name strong {
	display:block;
}

.ud--quartet-card header figure {
	position:relative;
	padding-bottom:75%;
	margin:0;
	overflow:hidden;
	z-index:1;
}
.ud--quartet-card header figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
	/*filter:brightness(114%) contrast(150%) saturate(89%);*/
	object-fit: cover;
}
.ud--quartet-card .ud--quartet-info {
	padding:1.6rem 2rem;
	display:flex;
	justify-content: space-between;
	position:relative;
	height:100%;
}
.ud--quartet-card .ud--quartet-info dl {
	display:flex;
	flex-direction:column;
	position:relative;
	z-index:1;
	line-height:1.2;
	margin:0;
}
.ud--quartet-card .ud--quartet-info dl+dl {
	text-align:right;
}
.ud--quartet-card .ud--quartet-info dt {
	color:#217286;
}
.ud--quartet-card .ud--quartet-info dd {
	margin:0 0 1rem;
	color:#000000;
}
.ud--quartet-card .ud--quartet-info dd:last-of-type {
	margin-bottom:0;
}

.ud--quartet-card .ud--quartet-info dt,
.ud--quartet-card .ud--quartet-info dd {
	transition:all .2s ease-in-out;
}
.ud--quartet-card:hover .ud--quartet-info dt,
.ud--quartet-card:hover .ud--quartet-info dd {
	color:#FFF;
}

/*
Retro-Look
*/
/*.ud--quartet-card header figure::after,*/
.ud--quartet-card .ud--quartet-info::after {
	content:"";
	background-image:url(../img/vintage-paper-texture-14-by-PhotoshopSupply-hf.jpg);
	background-size:cover;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	mix-blend-mode:multiply;
}
.ud--quartet-card header figure::after {
	opacity:.5;
}
.ud--quartet-card .ud--quartet-info::after {
	opacity:.2;
}