.profile-card {display: block; width: 200px; margin: 15px; padding: 15px; border-radius: 10px; text-align: center;}
.profile-photo { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin-bottom: 10px; }
.Jeremy-Wideman{ object-fit: contain; object-position: center; width: 150px; height: 150px; border-radius: 50%; margin-bottom: 10px;}
.Matus-Valach{ object-fit: contain; object-position: center; width: 150px; height: 150px; border-radius: 50%; background-color: #b4ddf1; margin-bottom: 10px;}
.Paul-AM-Michels { object-fit: contain; object-position: center; width: 150px; height: 150px; border-radius: 50%; background-color: #4792b8; margin-bottom: 10px;}
.profile-name { font-size: 1.1em; font-weight: bold; margin: 10px 0 5px; color: #074764; text-decoration: none; }
.profile-name:hover { color: #5db0f5; }
.organization, .country { font-size: 0.9em; color: #555; }
.invites{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 10px; margin-bottom: 55px; margin-top: 45px; }
.invites > :nth-last-child(2), .invites > :last-child { grid-column: span 2; justify-self: center; }
.liensresumes a{ font-size: 0.9em; color: #a07708; text-decoration: none; font-weight: bold;}
.liensresumes a:hover{ color: #f7e43a;}
@media (max-width: 768px) { .invites{ margin-top: 5px; display: block; gap: 10px; } .profile-card { margin: 0; width: 100%; text-align: left; border-radius: 0; } .organization, .country { font-size: 0,7em; } .profile-name { font-size: 1em; margin: 10px 0 5px; } }
@media (min-width: 768px) and (max-width: 1300px) { .invites{ grid-template-columns: repeat(3, 1fr); }
.invites > :nth-last-child(2), .invites > :last-child { grid-column: span 1; justify-self: center; }
.profile-card { margin: 4px; padding: 4px; }
}