.logo {
    object-fit: contain;
    width: 160px;
    height: 160px;
    border-radius: 20px;
    box-shadow: 12px 12px 16px #b1acac, -12px -12px 16px #f7f0f0;
}
img{
    display: block;
    margin: 0px auto;
   }
a:hover img.logo {
box-shadow: 5px 2px 10px black;
}
.contenedorServicio{
border-radius:10%;
position: relative;
}

h3{        
text-align: center;
}

p{
text-align: center;
margin-left: 10%;
margin-right: 10%;
}

@media handheld and (min-width: 30em) {
.table {
margin-left:10%;
margin-right:10%;
display: grid;
grid-template-columns: 80%; 
}

.table > div {
margin: 3%;
padding: 1%;
}
}

.table{
margin-left: 10%;
margin-right: 10%;
}

@media (min-width: 30em) {    
.table {
display: grid;
grid-template-columns: repeat(5,20%); 
}

.table > div {        
margin: 3%;
padding: 1%;
}    
}

#pie{
font-weight: bold;
text-align: center;
margin-bottom: 70px;
}

h2{
text-align: center;
}