.grid_container {
display: grid;
grid-template-columns: 1fr;
-moz-column-gap: 30px;
column-gap: 30px;
row-gap: 60px;
}
@media only screen and (min-width: 350px) {
.grid_container {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 650px) {
.grid_container {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (min-width: 950px) {
.grid_container {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.grid_container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.grid_container .team {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.grid_container .team img {
width: 100%;
border-style: solid;
border-width: 20px 20px 20px 20px;
border-color: #d1d1d1;
border-radius: 50% 50% 50% 50%;
}
.grid_container .team h4 {
margin-top: 30px;
font-family: "Cocogoose Pro", Sans-serif;
font-size: 24px;
font-weight: 400;
}
.grid_container .team h5 {
font-family: "Cocogose-Light", Sans-serif;
font-size: 18px;
font-weight: 400;
}