.card-info strong {
    font-variant: small-caps;
}

.card-info h4 {
    margin-bottom: 0;
}

.card-info h4 + h5 {
    margin-top: 0;
}

.spades, .clubs {
    color: black;
}

.hearts, .diamonds {
    color: red;
}

.spades:after, .hearts:after, .clubs:after, .diamonds:after {
    font-size: 130%;
}

.spades:after {
    content: "\2660";
}

.hearts:after {
    content: "\2665";
}

.clubs:after {
    content: "\2663";
}

.diamonds:after {
    content: "\2666";
}

.pi {
    font-family: serif;
    font-size: 130%;
}

h5 .pi {
    font-size: 170%;
    line-height: 14px;
}