
.container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.titulo{
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin: 30px;
    font-size: 30px;
}
.caja img {
    width:  250px;
    height: 290px;
    border-radius: 30px;
}

.caja{
    margin: 15px;
}





img {
    margin: 25px;
    opacity: 0.8;
    border: 10px solid rgb(190, 190, 190);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
 
img:hover {
    opacity: 1;
    margin-top: 2px;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    box-shadow: 0px 0px 20px rgba(134, 132, 132, 0.548);
}

.p{
    justify-content:baseline;
    text-align: justify;
    width: 100%;
   
    
}

.p1 {
    margin: 80px;
    opacity: 1;
    margin-top: 20px;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    box-shadow: 0px 0px 20px rgba(134, 132, 132, 0.548);
    
}

.p2 {
    margin: 80px;
    opacity: 1;
    margin-top: 20px;
    text-align: justify;
    font-size: 13px;
   
    
}

.titulo1{
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin: 30px;
    font-size: 20px;
}

.botons{
    
}