table.contract-table {
    width: 100%;
    border-collapse: collapse;
}


@media screen and (max-width: 600px) {

    table.contract-table,
    table.contract-table thead,
    table.contract-table tbody,
    table.contract-table th,
    table.contract-table td,
    table.contract-table tr {
        display: block;
    }

        table.contract-table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.contract-table tr {
            margin-bottom: 20px;
            border: 1px solid #ddd;
        }

        table.contract-table td {
            border: none;
            position: relative;
            padding-left: 50%;
        }

            table.contract-table td:before {
                position: absolute;
                left: 6px;
                content: attr(data-label);
                font-weight: bold;
            }
}