.contact-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1em;
}
.contact {
display: flex;
background: #f8f8f8;
border-radius: 8px;
overflow: hidden;
padding: 15px;
align-items: center;
}
.contact img {
width: 80px;
height: 80px;
object-fit: cover;
margin-right: 15px;
border-radius: 50%;
}
.contact .details {
flex: 1;
}
.contact .name {
font-weight: 500;
font-size: 1em;
margin-bottom: 5px;
}
.contact .address,
.contact .email,
.contact .phone {
font-size: 0.8em;
margin-bottom: 3px;
}
.contact .email{
margin-top:1em;
}