/* FLIP CARD SECTION */
.flip-card {
   display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: baseline;
    background-color: transparent;
    width: 70%;
    height: 550px;
    margin: 30px 0 0px 15%;
    perspective: 1000px;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Standard syntax */
  }
   @media screen and (max-width: 800px){
 .flip-card-front-text span{
    margin-left: 60% !important;
 }
 .a-return-link{
    margin-left: 62%;
  }
   }
  @media screen and (max-width: 500px) {
   
.flip-card {
   display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: column !important;
    align-items: baseline;
    background-color: transparent;
    width: 88% !important;
      margin: 20px 0 0 6% !important;
    perspective: 1000px;
  }

    .flip-card-front {
     background-size: contain !important;
     margin-top: 0px !important;
  }
  .flip-card-front-text{
    width: 90%;
    bottom: 150px !important;
  }
 
 .flip-card-front-text span {
    margin-left: 70% !important;
    margin-top: 40px;
 }
 .flip-card-back {
  width: 100% !important;
  max-height: 280px !important;
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
  }
  .flip-card-back div {
  width: 100% !important;
  }
  .a-return-link{
    margin-left: 70% !important;
  }

      }

  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back{
     width: 100%;
    height: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .flip-card-front div{
    padding-right: 20px;
  }
   .flip-card-front-text span{
    margin-left: 90%;
    margin-top: 40px;
 }
 .flip-card-front-text{
  position: absolute;
  bottom: 50px;
  left: 5%;
  }
  .flip-card-back {
     max-height: 200px;
    align-items: baseline;
    background-color: #2980b9;
    color: white;
    transform: rotateY(180deg);
    cursor: pointer;
  }
  .flip-card-back div{
  flex: 1;
    padding: 30px !important;
     height: 100%;
      }
      .a-return-link{
    margin-left: 90%;
  }
  .texto{
    font-size: 20px;
  }
  .gira{
    animation-name: girar;
    animation-duration: 2s;
    animation-delay: 0.6s;
    -webkit-animation-name: girar;
    -webkit-animation-duration: 2s;
     -moz-animation-name:girar;
    -moz-animation-duration: 2s; 
  }
  @keyframes girar {
    from {transform:rotateY(0deg); }
    to {transform:rotateY(360deg);}
  }
  
  @-webkit-keyframes girar {
    from {-webkit-transform: rotateY(0deg);}
    to {-webkit-transform:rotateY(360deg);}
  }