@media (max-width: 768px) {
    /* mobile devices */
    .card {
        width: 100%;
        padding: 20px 10px;
        margin: 10px auto;
    }

    .card-text {
        font-size: 11px;
    }

    .card-body {
        padding: 6px;
    }
}