.flip {
    padding: 0px;
    position: relative;
	width:100%;
	height: 100%;
	float:left
}
.flip a {
    overflow: hidden;
    padding: 2px 0px;
    /*  height: 1em;*/
    
    position: relative;
    display: inline-block;
    color: #fd6584;
}
.flip a span {
    padding: 2px 4px;
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    transition: transform 1s;
}
.flip a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-txt);
    font-weight: 700;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.flip a:hover span,
.flip a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #fff;
}