.ui-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
}

.ui-card--lg {
    padding: 24px 24px 28px;
}

@media only screen and (max-width: 576px) {
    .ui-card--lg {
        padding: 18px 18px 24px;
    }
}

.ui-card--md {
    padding: 18px 18px 24px;
}

.ui-card--rounders {
    border-radius: 8px;
}

.ui-card--shadow {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}

.ui-card__image {
    max-width: 100%;
}