@media(max-width: 768px) {
    th {
        display: none;
    }

    td {
        display: block;
        padding: 0.75rem 1rem;
    }

    td:first-child{
        padding-top: 1rem;
    }

    td:last-child{
        padding-bottom: 1rem;
    }

    td::before {
        color: var(--shade-1);
    }
}