.comparison-chart-container .graph-headers {
    margin-bottom: 8px;
}

.comparison-chart {
    display: table;
    width: 100%
}
    .comparison-chart .chart-area {
        width: 50%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        padding: 6px 0px;
    }

        .comparison-chart .chart-area:first-of-type {
            border-right: 1px dashed #BCBCBC;
        }

        .comparison-chart .chart-area.positive .chart-bar {
            background-color: #4FAC50;
        }

        .comparison-chart .chart-area.negative .chart-bar {
            background-color: #C30F1D;
        }

        .comparison-chart .chart-area .chart-bar-container {
            display: table;
        }
            .comparison-chart .chart-area .chart-bar-container:not(.compact) {
                padding: 10px 0px;
            }

            .comparison-chart .chart-area .chart-bar-container .bar {
                background-color: #4FAC50;
                min-width: 1px;
            }

@media (max-width: 576px) {
    .comparison-chart-container .graph-headers {
        font-size: 14px;
        line-height: 16px;
    }
}