.flip-card {
  perspective: 1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
}

.health-care a {
  text-decoration: none;
  color: white;
}
.benefit-programs a {
  text-decoration: none;
  color: white;
}
.espanol a {
  text-decoration: none;
  color: white;
}

.flip-card:hover .flip-card-inner,
.flip-card.hover .flip-card-inner {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}

.flip-card,
.flip-card-front,
.flip-card-back {
  max-width: 650px;
  max-height: 300px;
  -webkit-transition: 0s;
  -webkit-transition-delay: 0.2s;
  -moz-transition: 0s;
  -moz-transition-delay: 0.2s;
  -ms-transition: 0s;
  -ms-transition-delay: 0.2s;
  -o-transition: 0s;
  -o-transition-delay: 0.2s;
  transition: 0s;
  transition-delay: 0.2s;
}

.flip-card .flip-card-back {
  opacity: 0;
}

.flip-card:hover .flip-card-front {
  opacity: 0;
}

.flip-card:hover .flip-card-back {
  opacity: 1;
}

.flip-card-inner {
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  position: relative;
}

/* front pane, placed above back */
.flip-card-front {
  z-index: 2;
}

.flip-card-back {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);

  position: relative;
  margin-top: -270px;
}

.flip-middle {
  margin-top: -320px;
}

@media screen and (max-width: 1420px) {
  .flip-card-back {
    margin-top: -310px;
  }
  .flip-3 {
    margin-top: -250px;
  }
}
@media screen and (max-width: 600px) {
  .flip-card-back {
    margin-top: -270px;
  }
  .flip-3 {
    margin-top: -250px;
  }
}