#rulesContainer {
    height: 300px;
    overflow-y: scroll;
    background-color: #f8f9fa;
}

.rules-title {
    font-size: 1.5rem; /* nice and prominent */
}

.club-description {
    text-align: justify;
    font-size: 1.2rem;
    max-width: 800px;
    margin: 0 auto;
}

/* Break out of narrow column on larger screens */
@media (min-width: 576px) {
    .rules-breakout {
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #rulesContainer {
        max-width: 800px;
        margin: 0 auto;
    }
}