.skokani-people-grid {
display: grid;
gap: 48px;
} .skokani-people-grid.two-col {
grid-template-columns: repeat(2, 1fr);
} .skokani-people-grid.one-col {
grid-template-columns: 1fr;
} @media (max-width: 1024px) {
.skokani-people-grid.two-col {
grid-template-columns: 1fr;
}
} .skokani-person {
display: flex;
gap: 24px;
align-items: flex-start;
} .skokani-people-grid.one-col .skokani-person {
max-width: 900px;
margin-left: auto;
margin-right: auto;
} .skokani-photo-inner {
width: 180px;
height: 180px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.skokani-photo-inner img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .skokani-person-name {
margin: 0;
font-size: 1.3rem;
}
.skokani-person-position {
font-weight: 600;
opacity: 0.7;
margin-bottom: 8px;
}
.skokani-person-contacts {
font-size: 0.9rem;
margin-bottom: 10px;
} .skokani-people-grid.one-col .skokani-person-text {
max-width: none;
} .skokani-people-grid.two-col .skokani-person-text {
max-width: 600px;
} @media (max-width: 600px) {
.skokani-person {
flex-direction: column;
align-items: center;
text-align: center;
}
.skokani-person-text {
max-width: 100%;
}
}