/* Only at screen widths that are at least 992 pixels wide. */
@media (min-width: 992px) { 

    /*
     * 
     * Note: it is valid to use table.class td, or table.th, 
     * but full selector is used to ensure maximum specificity (weight)
     * 
     * Percentages or Pixel Widths may be used.
     * 
     * Use psuedo selector :first-child, :last-child and :nth-child(n) to specify columns
     * 
     */

    /* 50%/50% width */
    table.two-column thead tr th,
    table.two-column tbody tr td{
        width:50%;
    }
    
    /* 40%/60% width */
    table.fourty-sixty thead tr th:first-child,
    table.fourty-sixty tbody tr td:first-child{
        width:40%;
    }
    table.fourty-sixty thead tr th:last-child,
    table.fourty-sixty tbody tr td:last-child{
        width:60%;
    }
    
    /* 60%/40% width */
    table.sixty-fourty thead tr th:first-child,
    table.sixty-fourty tbody tr td:first-child{
        width:60%;
    }
    table.sixty-fourty thead tr th:last-child,
    table.sixty-fourty tbody tr td:last-child{
        width:40%;
    }

   /* 30%/70% width */
    table.thirty-seventy thead tr th:first-child,
    table.thirty-seventy tbody tr td:first-child{
        width:30%;
    }
    table.thirty-seventy thead tr th:last-child,
    table.thirty-seventy tbody tr td:last-child{
        width:70%;
    }
    
    /* 70%/30% width */
    table.seventy-thirty thead tr th:first-child,
    table.seventy-thirty tbody tr td:first-child{
        width:70%;
    }
    table.seventy-thirty thead tr th:last-child,
    table.seventy-thirty tbody tr td:last-child{
        width:30%;
    }
    
    /* 33%/34%/33% width */
    table.three-column thead tr th:first-child,
    table.three-column tbody tr td:first-child{
        width:33%;
    }
    table.three-column thead tr th:nth-child(2),
    table.three-column tbody tr td:nth-child(2){
        width:34%;
    }
    table.three-column thead tr th:last-child,
    table.three-column tbody tr td:last-child{
        width:33%;
    }
   /* 25%/25%/50% width */
    table.three-col252550 thead tr th:first-child,
    table.three-col252550 tbody tr td:first-child{
        width:25%;
    }
    table.three-col252550 thead tr th:nth-child(2),
    table.three-col252550 tbody tr td:nth-child(2){
        width:25%;
    }
    table.three-col252550 thead tr th:last-child,
    table.three-col252550 tbody tr td:last-child{
        width:50%;
    }
    
}