.membersbox-outer {
flex-wrap: wrap;
display: flex;
margin-top: 4px;
}
.membersbox-outer > div:nth-child(2) > div:nth-child(2) {
margin-right: 0;
}
.membersbox-inner {
flex: 1;
box-sizing: border-box;
border: 1px solid #aaaaaa;
text-align: center;
margin-right: 3px;
}
.membersbox-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0.2em;
background-color: #ddcef2;
border-bottom: 1px solid #aaaaaa;
text-align: center;
}
.membersbox-content {
display: flex;
align-items: center;
}
.membersbox-image {
float: left;
padding: 5px;
}
.membersbox-text {
text-align: left;
font-size: 85%;
}
@media screen and (max-width: 875px) {
.membersbox-inner {
flex: 1 0 50%; /* Two boxes per row on smaller screens */
max-width: 50%;
margin-right: 0; /* No margin between stacked boxes */
}
}