.card-body{
    padding: 15px;
}

.row-cards{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}


.row-cards > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.row-col {
    flex: 1; /* additionally, equal width */
}


@media (min-width: 768px) {
    .comparative-container {
        width:90%
    }
}

@media (min-width: 992px) {
    .comparative-container {
        width:90%
    }
}

@media (min-width: 1200px) {
    .comparative-container {
        width:90%
    }
}

.comparative-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}