.team-content { display: grid; grid: auto / auto; height: 100vh; }

@media (min-width: 900px) { .team-content { grid: auto / 1fr 1fr; } }

.team-content .member { padding: 40px; }

.team-content .member .top { display: grid; grid: auto / auto; gap: 40px; align-items: center; position: relative; margin-bottom: 24px; }

@media (min-width: 900px) { .team-content .member .top { grid: 200px / 200px auto; } }

.team-content .member .top .linkedin { position: absolute; bottom: 0; left: 0; display: inline-block; width: 48px; height: 48px; background-color: white; border-radius: 0px 6px 0px 6px; display: flex; justify-content: center; align-items: center; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.16); }

.team-content .member .top h2 { font-size: 34px; line-height: 46px; }

@media (min-width: 900px) { .team-content .member .top h2 { max-width: 40%; } }

.team-content .member .top h2::after { content: ''; display: block; width: 50px; height: 5px; border-radius: 1.5px; background-color: #3ab54a; z-index: 1; margin-top: 20px; }

.team-content .member .top .photo { width: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 6px; }

@media (min-width: 900px) { .team-content .member .top .photo { width: auto; height: 100%; } }

.team-content .member .bottom h3 { margin-top: 32px; }

.team-content .member .bottom p { font-size: 16px; line-height: 24px; color: #0e122f; margin-top: 0; margin-bottom: 16px; }

/*# sourceMappingURL=team.css.map */