#rnn-team {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 6rem;
}
.rnn-employee {
width: 100%;
display: flex;
margin-bottom: 40px;
flex-direction: column;
}
.rnn-employee p:last-of-type {
margin: 0 !important;
}
.rnn-employee span {
width: 100%;
display: block;
line-height: 1.4;
}
.rnn-employee .rnn-employee-image {
margin-right: 20px;
width: 100%;
}
.rnn-employee .rnn-employee-image img {
border-radius: 100%;
border: 1px solid #efefef;
-webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 50%), inset 0 1px 1px rgb(255 255 255 / 50%);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.5);
box-shadow: 1px 1px 1px rgb(0 0 0 / 50%), inset 0 1px 1px rgb(255 255 255 / 50%);
box-sizing: border-box;
width: 100%;
}
.rnn-employee .rnn-employee-info {
width: 100%;
}
.rnn-employee .rnn-employee-info .title {
font-style: italic;
}
.rnn-employee .rnn-employee-info .name {
font-weight: 500;
font-size: 2.2rem;
line-height: 1;
color: #333333;
border-bottom: 1px solid #999999;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
#rnn-team {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 448px) {
#rnn-team {
grid-template-columns: 1fr 1fr;
}
}