@charset "UTF-8";
/* CSS Document */

    .wbb-roster {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        box-sizing: border-box;
    }
    
.grid-3 {

    display: grid;
    grid-gap: 1rem;
    height: auto;
    margin: 0 0 1rem;
    grid-template-columns: repeat(5, 1fr);
    text-align: left;
    padding: 1%;
}
    
    .grid-3 img {
        width: 100%;
        height: auto;
    }
    
    .sa-grid {
        border: 1px solid #cf102d;
        margin-bottom: 1rem;
        background-color: #e5e5e5;
    }
    
    .sa-content {
        padding: .75rem;
        text-align: center;
    }
    
    .sa-name {
        font-weight: 500;
        font-size: 1rem;
        color: #000000;
        margin-bottom: .125rem;
    }
    
         
@media screen and (max-width: 1025px) {
 .grid-3 {
    grid-template-columns: repeat(4, 1fr);
}
   
    }

@media screen and (max-width: 769px) {
 .grid-3 {
    grid-template-columns: repeat(2, 1fr);
}
    
    .sa-name {
        font-size: 1.125rem;
    }
   
    }