.mem-pane-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
}

.mem-pic-placement {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));    
    align-items: flex-start;
    /* border: solid; */
    /* border-width: 0.01px; */
}

.mem-pic-people {
    width: 70%;
    padding: 5px;
    border-radius:30%;
}

.mem-pic-worborder {
    width: 70%;
    padding: 5px;
    align-self: center;    
}

.mem-people-pics {    
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    /* grid-auto-columns: auto; */
    align-items: flex-start;
    column-gap: 10px;
    row-gap: 10px;
    flex-basis: 100%;
}

.table-mem th, .table-mem td {
    padding: 0.25rem;
}

.table.table-striped.table-mem {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    margin-bottom: 0rem;
}

.mem-pane-title {
    width: 70%;
    padding: 10px;
    margin: 20px;
    text-align: center;
    color: white;    
    align-self: center;
    border-width: 1px;    
    background-image: linear-gradient(to right, darkblue, blue, darkblue);
    border-radius: 10px;
}

.mem-pane-title h4{
    margin:0;
}

.just-align{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}


@media (max-width:820px){
    .mem-pic-placement {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        align-items: flex-start;
        /* border: solid; */
        /* border-width: 0.01px; */
    }
    
    .mem-pic-people {
        width: 70%;
        padding: 5px;
    }
    
    .mem-people-pics {    
        padding: 20px;
        display: grid;
        grid-template-columns: repeat(1,minmax(0,1fr));
        align-items: flex-start;
        column-gap: 10px;
        row-gap: 10px;
        flex-basis: 100%;
    }
}

@media (max-width:576px){
    .mem-pic-placement {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1,minmax(0,1fr));
        align-items: flex-start;
        /* border: solid; */
        /* border-width: 0.01px; */
    }
    
    .mem-pic-people {
        width: 100%;
        padding: 5px;
    }
    
    .mem-people-pics {    
        padding: 20px;
        display: grid;
        grid-template-columns: repeat(1,minmax(0,1fr));
        align-items: flex-start;
        column-gap: 10px;
        row-gap: 10px;
        flex-basis: 100%;
    }
}