
.wtw-flip-card-front img,
.wtw-media-icon img {
  max-width: 132px;
  max-height: 132px;
  margin-bottom: 24px;
}
.wtw-flip-card-grid-item {
  list-style: none;
}
/* Larger than tablet styles*/
@media (min-width: 991.98px) { 
.wtw-flip-card-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  gap: 24px;
  max-width: 100%;
  height: 100%;
  list-style: none;
	
}
.wtw-flip-card-card {
  width: 392px;
  height: 392px;
  /*float: left;*/
  perspective: 500px;
  background: #fff;
  border: none;
}
.wtw-flip-card-content {
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 20px 0px rgba(50, 50, 51, 0.15);
  transition: transform .125s;
  transform-style: preserve-3d;
}
.wtw-flip-card-card:hover .wtw-flip-card-content,
.wtw-flip-card-card:focus .wtw-flip-card-content,
.wtw-flip-card-card:focus-within .wtw-flip-card-content,
.wtw-flip-card-card:active .wtw-flip-card-content {
  transform: rotateY(180deg);
  transition: transform 0.25s;
}
.wtw-flip-card-content:focus {
  outline: 2px solid #327FEF;
} 
.wtw-flip-card-front,
.wtw-flip-card-back {
  position: absolute;
  background: #fff;
  color: #2f2c31;
  backface-visibility: hidden;
  padding: 32px;
}
.wtw-flip-card-back {
  background: #fff;
  color: #2f2c31;
  transform: rotateY(180deg);
  height: 100%;
  width: 100%;
}
}
/*Tablet and small desktop sizes*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.wtw-flip-card-card {
		width: 288px;
		height: 340px;
}
	
	.featured-callout__title {
    font-size: 2rem;
    line-height: 2.5rem;
}
	
	.wtw-flip-card-front img,
.wtw-media-icon img {
	max-width: 88px;
	max-height: 88px;
}
	
}
@media (min-width: 768px) and (max-width: 991.98px) { 
	.wtw-flip-card-card {
		width: 288px;
		height: 300px;
}	
	
	.featured-callout__title {
    font-size: 2rem;
    line-height: 2.5rem;
}
	.wtw-flip-card-front img,
.wtw-media-icon img {
	max-width: 88px;
	max-height: 88px;
}
	
	.wtw-flip-card-content .heading-4 {font-size: 1.75rem; line-height: 2.25rem;}
	
	
}
/*Mobile- through tablet-specific cards*/
@media (max-width: 991.98px) { 
	
	.wtw-flip-card {
		border-bottom: 2px solid #ddd8e0;
	}
.wtw-flip-card-grid {
	padding: 0!important;
	display: flex;
    flex-direction: column;
}
.wtw-flip-card-grid-item {
    list-style: none;
    width: 100%;
	margin-bottom: 40px;
}
	
.wtw-flip-card-card {
	width: 100%;
  	float: none;
	height: auto;
	
}
	
.wtw-media-icon {
    display: block;
	margin-top: 32px;
}
	
.wtw-media-icon:nth-child(1) {margin-top: 0;}
	
.featured-callout__title {
    font-size: 2rem;
    line-height: 2.5rem;
}
.wtw-flip-card-front img,
.wtw-media-icon img {
	max-width: 64px;
	max-height: 64px;
	margin-bottom: 24px;
}
	
	.wtw-flip-card-content .heading-6 { font-weight: 400;}
	
	
	.wtw-flip-card-grid-item:nth-child(1) {order: 1}
	.wtw-flip-card-grid-item:nth-child(2) {order: 5}
	.wtw-flip-card-grid-item:nth-child(3) {order: 9}
	.wtw-flip-card-grid-item:nth-child(4) {order: 2}
	.wtw-flip-card-grid-item:nth-child(5) {order: 6}
	.wtw-flip-card-grid-item:nth-child(6) {order: 10}
	.wtw-flip-card-grid-item:nth-child(7) {order: 3}
	.wtw-flip-card-grid-item:nth-child(8) {order: 7}
	.wtw-flip-card-grid-item:nth-child(9) {order: 11}
	.wtw-flip-card-grid-item:nth-child(10) {order: 4}
	.wtw-flip-card-grid-item:nth-child(11) {order: 8}
	.wtw-flip-card-grid-item:nth-child(12) {order: 12}
	
	
	.list-unstlyed {margin-bottom: 40px;}	
}
/* Larger than tablet styles*/
@media (min-width: 1199.98px) and (max-width: 1399.98px) { 
	.wtw-flip-card-card {
		width: 352px;
		height: 340px;
}		
}
@media (min-width: 1440px) { 
		.wtw-flip-card-card {
		width: 416px;
		height: 340px;
}

