.extras
{text-align:center;
margin: 0 auto;
position: relative;}


.tarjetas
{height:300px;
width: 46%;
margin: 1%;
color:white;
box-shadow: -5px 5px 3px #BCBCBC;
position: relative;
display: inline-block;
max-width: 500px;
cursor:pointer;}


.tarjetas img
{height: 100%;
width: 100%;}

.img-atras
{position: absolute;
animation: 10s cambiarImagen infinite;}


@keyframes cambiarImagen {
    0%,40%{opacity:1;}
    20%,60%{opacity:0;}
}


.content:before
{background:rgba(0, 0, 0, .5);                            
height: 300px;
width:100%;
left: 0;
position: absolute;
content: "";
max-width: 500px;}

.content
{position:absolute;
width:100%;
transition: .5s;
height:100%;
z-index: 2;
max-width: 500px;}

.content p
{width:96%;
font-size: 13px;
padding:15px 2%;
position: relative;
top:50%;
transform: translateY(-60%);
text-align: center;}

.content:hover
{opacity: 0;}


 .serv
{font-size: 14px;
color: #FFB119;
font-family: 'Playfair Display', serif;}


/*------------------------aviso----------------*/
.aviso
{width: 90%;
margin: 70px auto;
background:#EEF7FF;

border-radius: 5px;
text-align: center;
padding: 1%;}

.aviso p
{color: #10529D;
font-weight: bold;
padding: 10px;
width: 90%;
font-size: 18px;
text-align:center; }

.aviso img
{width: 150px;
border-radius: 10px;}