.flipButton {
text-align:center;width:50%;

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

/*border: 1px solid #ccc;*/
}

/*	.flip-container:hover .flipper,  */

.flip-container.hover .flipper {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}

.flip-container, .front1, .front4, .front7, .back {
width: 100%;
height: 390px;
}

.flipper {
-webkit-transition: 0.5s;
-webkit-transform-style: preserve-3d;

-moz-transition: 0.5s;
-moz-transform-style: preserve-3d;

-o-transition: 0.5s;
-o-transform-style: preserve-3d;

transition: 0.5s;
transform-style: preserve-3d;

position: relative;
}

.front1, .front4, .front7,  .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}

.front4 {
background: url(http://garciahelgueraseguros.com/wp-content/uploads/2015/06/lucia-v1.jpg) 0 0 no-repeat;
z-index: 2;
width:100%;
background-size:80%;
}

.front1 {
background: url(http://garciahelgueraseguros.com/wp-content/uploads/2015/06/pablogh-v3.jpg) 0 0 no-repeat;
z-index: 2;
width:100%;
background-size:80%;
}

.front7 {
background: url(http://garciahelgueraseguros.com/wp-content/uploads/2015/06/luciana-v1.jpg) 0 0 no-repeat;
z-index: 2;
width:100%;
background-size:80%;
}

.back {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
background: #f8f8f8;		text-align: center;
}


/*Falla en Firefox*/
/*
.name {
font-size: 2em;
display: inline-block;
background: rgba(33, 33, 33, 0.9);
color: #f8f8f8;
font-family: Courier;
padding: 5px 10px;
border-radius: 5px;
bottom: 10px;
left: 14%;
position: absolute;
text-shadow: 0.1em 0.1em 0.05em #333;

-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

*/

.logo4 {background: url(http://garciahelgueraseguros.com/wp-content/uploads/2015/06/lucia-v1-130x160.jpg) 0 0 no-repeat;}
.logo1 {background: url(http://garciahelgueraseguros.com/wp-content/uploads/2015/06/pablogh-v1-130x160.jpg) 0 0 no-repeat;}
.logo7 {background: url(http://garciahelgueraseguros.com/wp-content/uploads/2015/06/luciana-v1-130x160.jpg) 0 0 no-repeat;}

.back-logo {
position: relative;
top: 5px;
left: 25%;
width: 30%;
height: 30%;
/*
left: 70px;
width: 160px;
height: 168px;
*/
background-size: 100%;
padding-botton: 10px;
}

.back-title {
/*font-weight: bold;*/
color: #00304a;
/*position: absolute;*/
top: 180px;
left: 0;
right: 0;
text-align: center;
text-shadow: 0.1em 0.1em 0.05em #acd7e5;
font-family: Century Gothic;
font-size: 12px;

}

.back p {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
text-align: center;
padding: 0 20px;
font-family: arial;
line-height: 2em;
}

.name {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}

.animate
{
transition: all 0.1s;
-webkit-transition: all 0.1s;
}

.action-button
{
/*position: relative;*/
padding: 10px 40px;
margin: 0px 10px 10px 0px;
/*float: left;*/
border-radius: 10px;
font-family: 'Pacifico', cursive;
font-size: 20px;
color: #FFF;
text-decoration: none;
}

.blue
{
background-color: #3498DB;
border-bottom: 5px solid #2980B9;
text-shadow: 0px -2px #2980B9;
}

.red
{
background-color: #E74C3C;
border-bottom: 5px solid #BD3E31;
text-shadow: 0px -2px #BD3E31;
}

.green
{
background-color: #82BF56;
border-bottom: 5px solid #669644;
text-shadow: 0px -2px #669644;
}

.yellow
{
background-color: #F2CF66;
border-bottom: 5px solid #D1B358;
text-shadow: 0px -2px #D1B358;
}

.action-button:active
{
transform: translate(0px,5px);
-webkit-transform: translate(0px,5px);
border-bottom: 1px solid;
}

.contact {
width: 33%;
float:left;
}