.enjoy-css {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        /*width: 300px;*/
        height: 350px;
        border: none;
        font: normal 16px/1 "Arial", Times, serif;
        color: rgba(255,255,255,1);
        text-align: center;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        /*-webkit-box-shadow: 0 1px 18px 20px rgba(95,207,224,0.91) inset;
        box-shadow: 0 1px 18px 20px rgba(95,207,224,0.91) inset;      */  
  }
  .card-img-top-nan{
    width:95%;
    height:95%;
    /*float:right;  */     
  }
  .flip-card {
      background-color: transparent;
      /*width: 300px;
      height: 300px;*/
      perspective: 1000px;
      /*padding: 15px;*/
      float:left;
      margin-bottom:2rem;
    }
    @media only screen and (max-width: 375px) and (min-width: 320px){
      .flip-card {
        background-color: transparent;
        /*width: 300px;*/
        height: 300px;
        perspective: 1000px;
        padding: 15px;
        float:none;
        margin-bottom:0rem;
      }
    }
    @media only screen and (max-width: 425px) and (min-width: 375px){
      .flip-card {
        background-color: transparent;
        /*width: 300px;*/
        height: 300px;
        perspective: 1000px;
        padding: 15px;
        float:none;
        margin-bottom:4rem;
      }
    }
    @media only screen and (max-width: 768px) and (min-width: 430px){
      .flip-card {
        background-color: transparent;
        /*width: 300px;*/
        height: 300px;
        perspective: 1000px;
        padding: 15px;
        float:left;
        margin-bottom:0rem;
      }
    }
  .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 {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .flip-card-front {
    /*background-color: #bbb;*/
    color: black;
  }
  .flip-card-back {
    /*background-color: #2980b9;*/
    color: white;
    border:1px;
    border-color:white;
    border-style:solid;
    transform: rotateY(180deg);
    padding:5px;
  }
  /* circulo inadi */
  .forbidden-sign {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /*width: 0.75em;
    height: 0.75em;*/
    width:30%;
    height:40%;
    position: relative;
    border: 0.15em solid #5fcfe0;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    font: normal 8em/normal Arial, Helvetica, sans-serif;
    color: rgba(0,0,0,1);
    -o-text-overflow: clip;
    text-overflow: clip;
    position:fixed;
    z-index:-5;
    left:5px;
    /*background-image:url('./images/perfiles/Romero.jpg');*/
    background-size: cover;
  }

  /*.forbidden-sign::after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    border: none;
    font: normal 16px/normal "Times New Roman", Times, serif;
    color: rgba(0,0,0,0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    text-shadow: none;
  }*/
  label{
    font-family:arial;
  }
  #myTabContent{
    height: 700px;
    overflow-y: auto;
  }