.holder {
    margin: 15px 0;
    text-align: center;
}

    .holder a {
        cursor: pointer;
        margin: 0 5px;
        color: #333;
        background: #FFF;
        border: 1px solid #999;
        padding: 7px 12px;
        font-size: .8rem;
        margin-bottom: 8px;
    }

        .holder a:hover {
            background-color: #222;
            color: #fff;
        }

        .holder a.jp-previous {
            margin-right: 5px;
        }

        .holder a.jp-next {
            margin-left: 5px;
        }

        .holder a.jp-current, a.jp-current:hover {
            color: #FF4242;
            font-weight: bold;
        }

        .holder a.jp-disabled, a.jp-disabled:hover {
            color: #bbb;
        }

        .holder a.jp-current, a.jp-current:hover,
        .holder a.jp-disabled, a.jp-disabled:hover {
            cursor: default;
            background: none;
        }

#begin-body .holder a {
    border: none;
}

@media(max-width: 576px) {
    #begin-body .holder a {
        font-size: 0.6rem;
        padding: 5px 8px;
        float: left;
        margin: 0 3px 8px;
    }

    .holder span {
        margin: 0 5px;
        float: left;
    }
}