#cennik table {
font-family: "Roboto", Tahoma, sans-serif;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
#cennik table thead tr {background-color: #AB8108; color:#fff;}
#cennik table tr {
background-color: #fff;
border: 1px solid #dbdbdb;
padding: 0.35em;
}
#cennik table th,
#cennik table td {
padding: 0.625em;
text-align: center;
}
#cennik table th {
letter-spacing: 0.1em;
text-transform: uppercase;
}
@media screen and (max-width: 600px) {
#cennik table {
border: 0;
}
#cennik table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#cennik table tr {
border-bottom: 3px solid #ddd;
display: block;
margin-bottom: 0.625em;
}
#cennik table td.tlo {background-color: #AB8108; color:#fff;}
#cennik table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: 0.8em;
text-align: right;
}
#cennik table td::before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
#cennik table td:last-child {
border-bottom: 0;
}
}