.flip {
        width: 150px;
        height: 100px;
        text-align: center;
        perspective: 200px;
        float: left;
        margin: 30px;
	border-radius:12px;
      }
 .flip-content {
        width: 100%;
        height: 100%;
        transition: transform 0.4s;
        transform-style: preserve-3d;
      }
 .flip:hover .flip-content {
        transform: rotateY(180deg);
        transition: transform 0.5s;
      }
 .flip-front,
      .flip-back {
        position: absolute;
        height: 100%;
        width: 100%;
        line-height: 150px;
        backface-visibility: hidden;
        background-color: #fff;
        border:2px dashed #F2BA00;
        color: #F2BA00;
                border-radius: 12px;
      }
      .flip-back {
      	//background-color: #F2BA00;
      	border:2px solid #F2BA00;
        color: #000; //#6592D2;
        transform: rotateY(180deg);
        border-radius: 12px;
      }


.taburi{
	padding: 25px 25px 25px 25px;
	display:none;
}

body{
	font-family:Roboto;
}

body h1{
	font-family:Lobster;
	color:#F2BA00;
}

body h2{
	font-family:Lobster;
	color:#6592D2;
}

body h3{
	font-family:Lobster;
}