@import url('https://fonts.googleapis.com/css?family=Anton');
ul {list-style: none;}
.tablauno, .tablados {display:inline-block;color:#222;position:relative;text-align:right;padding: 2rem 0;}
.tablauno h4:before , .tablados h4:before {content: "";display: inline-block;width: 10%;position: absolute;top: 0;left: -5%;height: 100%;background:#c88f52;-webkit-transform:skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);transform: skew(-20deg);z-index: 1;}
.tablauno h4:after , .tablados h4:after {content: "";display: inline-block;width: 1.2%;position: absolute;top: 0;left: -2%;height: 100%;background:#fff;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);transform: skew(-20deg);z-index: 1;}
.tablauno h4 , .tablados h4 {font-weight: normal;font-family:'Anton',sans-serif;color: #fff;background: #c88f52;display: inline-block;padding:1rem 2rem;font-size:2rem;text-transform:uppercase;text-align:right;width:80%;position:relative;right:0;}
.tabla .pilotos {text-align:left;width:40%;}
.first li, .first h5 {padding-right: 2rem;}
.tabla ul {display: inline-block;}
.tablauno .first,.tablauno .sec,.tablauno .thi {width:13.33%;text-align:center;}
.tablauno .total {width: 20%;}
.tabla {display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow:wrap;justify-content:center;text-align:center;}
.tablauno .first li{color:#c88f52;font-family:'Anton', sans-serif;}
.tabla .pilotos li {padding-left: 1rem;}
.tabla li{display: inline-block;width:100%;padding:.5rem 0;color:#6f6e6e;font-size:1.6rem;}
.tabla li:nth-child(odd) {background: #fbe5cc;}
.tablados li:last-child {background:#c88f52;color:#fff;text-transform:uppercase;}
.tabla h5 {font-weight: normal;font-family:'Anton',sans-serif;color:#c88f52;padding: 1rem;font-size:2rem;text-transform:uppercase;}
.tablados .pilotos {width: 70%;}
.tablados .total{width: 30%;}