.card1 { 
   
    width:125px;
    height: 200px;
    background-color: #eee;
    border: thin solid #ccc;
    border-radius: 3px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor:pointer;
    box-shadow: 5px 5px 12px gray;
    margin:10px;
    margin-top:25px;
    color:#333;
}
.card2 {    
    width:90%;
    min-height: 200px;
    margin-bottom: 25px;
    background-color: #eee;
    border: thin solid #ccc;
    border-radius: 3px;
    display:block;
    flex-direction: column;
    box-shadow: 5px 5px 12px gray;
    padding:10px;
    color:#333;
    
}
.card3 {    
    width:100%;
    margin-bottom: 25px;
    background-color: #eee;
    border: thin solid #ccc;
    border-radius: 3px;
    display:flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 5px 5px 12px gray;
    padding:10px;
    color:#333;
    
}
.card3.card3-flex-col {    
    flex-direction: column !important;    
    align-items: flex-start;

}
.card3 .foto-perfil  {    
    border-radius: 50%;
    border: 0 solid gray;
    width: 175px;
    background-position: center;
    height: 75px;
    width: 75px;
    display:block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 2px 2px 10px gray;
    margin-right: 20px;
}