.l-grid {
    padding-bottom: 20px
}

@media only screen and (min-width:48rem) {
    .l-grid {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px
    }
}

@media only screen and (min-width:80rem) {
    .l-grid {
        margin: 0 -20px
    }
}

@media only screen and (min-width:80rem) {
    .l-grid.teachers,
    .students,
    .graduates {
        margin: 0 -10px !important;
    }
}

@media only screen and (min-width:48rem) {
    .l-grid.centered {
        justify-content: center
    }
}

.m-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px
}

.m-pagination__text {
    display: inline-block;
    color: var(--titles-color);
    letter-spacing: .2px;
    text-align: center;
    font-size: .875rem
}

@media only screen and (min-width:48rem) {
    .m-pagination__text {
        letter-spacing: .3px;
        font-size: 1rem
    }
}

.selected-li {
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 10px;
}