.container{
     width: 100%;
     display: flex;
     max-width: 1250px;
}

}
#navbar{
    z-index: 1;
}

#Centro {
     padding: 20px;
     width: 100%;
     margin: 25px;
     box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
     font-size: 2ch ;
}

#Izquiera {
     padding: 10px;
     width: 50%;
     margin: 5px;
     font-size: 2ch ;
}

#Derecha {
     padding: 10px;
     width: 50%;
     margin: 5px;
     font-size: 2ch ;
}

#Foto {
     padding: 10px;
     width: 50%;
     margin: 5px;
     font-size: 2ch ;
}

.card{
     width: 100%;
     margin: 15px;
     border-radius: 6px;
     overflow: hidden;
     background: #fff;
     box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
     cursor: default;
     transition: all 400ms ease;
     
}

.card:hover {
     box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
     transform: translateY(-2%);
}

.card .card-body {
     padding: 15px;
     text-align: center;
}

.card .card-body p {
     line-height: 1.5;
     color: #6a6a6a;
}

.card .card-body h4 {
     font-weight: 500;
     margin-bottom: 15px;
}

.card .card-body a:hover {
     border-radius: 6px;
     background: #2fb4cc;
     color: #fff
}