/******* css ventana emergente ******/
 

.container {
    width:100%;
    max-width:1200%;
    height:100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content:center;
    margin:auto;
    
    
}

.container .card {
     width:430%;
     height:430%;
     border-radius:8px;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
     overflow:hidden;
     margin:20px;
     text-align: left;
     transition:all 0.25s;
     
}

.container .card:hover{
    transform:translateY(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.container .card img{
    width:100%;
     height:80%;
}

.container .card h4{
    font-weight:100;
}

.container .card p{
    padding:0 1rem;
    font-size:16px;
    font-weight:300;
    text-align:justify;
}

.container .card a{
    font-weight:100;
    text-decoration:none;
    color: #1DAAEC ;
    text-align:center;
    
}