.charitable-campaign-info-bar {

    border: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px;

    .charitable-campaign-info-bar-row {

        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
        margin: 20px auto;

        .charitable-campaign-info-column {

            flex: 2;
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: 16px;
            line-height: 21px;

            span.amount {
                font-size: 30px;
                line-height: 34px;
                font-weight: 600;
                display: block;
                width: 100%;
            }
            span.donors-count {
                font-size: 30px;
                line-height: 34px;
                font-weight: 600;
                display: block;
                width: 100%;
            }

        }

    }

}