.flip-card-main{
 	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.flip-card {
	background-color:transparent;/*do not change */
	width:275px;
	min-height: 380px;
	perspective: 1000px;
	border-radius:8px;
	margin-bottom:15px;
	}
	
.flip-card-front{
	min-width: 100%;
	 
	}

.flip-card-front--header{
	min-height:60px;
	background-color:red;
	border-radius:8px 8px 0px 0px;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
	}

	
.flip-card-front--header p{	
	color: white;
	font-size:1.5em;
	font-weight:800;	
	}
	
.flip-card img {
	width: 275px;
	height: 250px;
	object-fit:cover;
	background-color:white;
	 }
.flip-card-front--footer{
	background-color:white;
	}

.flip-card-front--footer .more-details{
	color:black;
	}
	
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	border-radius:8px;
	}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
	}

.flip-card-front, .flip-card-back {
	position: absolute;
	border-radius:8px;
	width:100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
	}

.flip-card-front {
        background-color:white;
	color:red;
	box-shadow:4px 5px 5px grey;
	}

.flip-card-back {
	background-color: red;
	color: white;
	transform: rotateY(180deg);
	border:1px solid red;
	font-size:1.25em;
	width:100%;
	box-shadow:6px 7px 7px grey;
	}

.flip-card-back--button {
	background-color: white;
	color: red;
	width:100px;
	padding:2px 10px;
	border:2px solid red;
	border-radius:8px;
	margin-top:10px;
	}
	
.flip-card-back--button:hover{
	color:white;
	text-decoration:underline;
	}	

.flip-card-back--button a{
	color:red;
	text-decoration:none;
	font-size:1em;
	}