.flip-card.card-info {
	border:1px solid #fff;
	padding:1rem;
	margin-top:2.5rem;
	margin-bottom:2.5rem;
	aspect-ratio: 1 / 0.9;
	max-width: 325px;
	margin-right: calc(var(--bs-gutter-x) * .5);
  margin-left: calc(var(--bs-gutter-x) * .5);
}
.flip-card {
	perspective: 1200px;
	padding-top:2.5rem;
	padding-bottom:2.5rem;
	aspect-ratio: 1 / 1.12;
	max-width: 350px;
}
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 1.6s;
	transform-style: preserve-3d;
}
.flip-card:focus .flip-card-inner,
.flip-card:hover .flip-card-inner,
.flip-card:active .flip-card-inner{
	transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip-card-back {
	background-color: #2981b7;
	color: white;
	transform: rotateY(180deg);
	overflow: hidden;
}
.flip-card-front {
	color:#282828;
	background-color: #fff;
}
.flip-card-front img {
	width:50%;
	height: auto;
}
.flip-card-front h3 {
	color:#2981b7;
	margin-bottom: .5rem;
}
.flip-card-front p {
	font-family: 'Courier Prime', monospace;
	font-size:1rem;
	font-weight: 400;
	padding-bottom:1em;
}
.flip-card.card-info p {
	font-size:1.25rem;
}

.flip-card-back p {
	font-size:1.25rem;
	padding:0 1rem;
}


/* sm*/
@media (min-width: 576px) {

}
/* md*/
@media (min-width: 768px) {

	.flip-card.card-info p,
	.flip-card-back p {
		font-size:1.5rem;
	}
}
/* lg*/
@media (min-width: 992px) {
	

}
/* xl*/
@media (min-width: 1200px) {

}
/* xxl*/
@media (min-width: 1400px) {

}
/* xxxl*/
@media (min-width: 1900px) {

}