table{
    width: 100%;
    table-layout: fixed;
    table-layout: auto;
    border-collapse: collapse;
}

table caption{
    caption-side: bottom;
    font-size: .9em;
}

table caption i,
table caption span{
    font-size: inherit;
}

table caption a{
    font-size: inherit;
}

th, td{
    border: 1px #ccc solid;
}

th, td{
    padding: .5em 4px;
    border-radius: 2px;
}

th{
    background-color: #eee;
}

td{
    background-color: aliceblue;
}

table.center td,
td.center{
    text-align: center;
}

td.right{
    text-align: right;
}

td.left{
    text-align: left;
}

@media screen and (min-width: 767px){
    th, td{
        padding: .75em 1em;
    }
}