table {
    width:100%;
}

table > thead > tr {
    height:45px;
    background-color: #000;
    color:#fff;
    text-align: center;
    border-bottom: 2px solid #fff;
}

table > thead > tr > th {
    border-right: 1px solid #fff;
    font-size:20px;
    letter-spacing: -1px;
    font-weight: 500;
}

table > tbody > tr {
    background-color: #999;
    height:60px;
    text-align: center;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    letter-spacing: -1px;
}

table > tbody > tr:nth-child(2n) {
    background-color: #ccc;
}

table > tbody > tr > td {
    border-right: 1px solid #fff;
}

@media screen and (max-width:1200px) {
    table > tbody > tr,
    table > thead > tr  {
        height:40px;
    }
    table > thead > tr > th {
        font-size:14px;
    }
    table > tbody > tr {
        font-size: 14px;
    }
}


@media screen and (max-width:650px) {
    table > tbody > tr,
    table > thead > tr  {
        height:35px;
    }
    table > thead > tr > th {
        font-size: 0.7rem;
    }
    table > tbody > tr {
        font-size: 0.7rem;
    }
}