@media screen and (min-width: 768px){.table-calendar {  table-layout: fixed;  width:100%;  border-collapse: collapse;}.table-calendar td,.table-calendar th {border:1px solid #ccc;padding:.5em;}.table-calendar th {background:#f2f2f2;text-align:center;} .on {background:var(--blue);}}@media screen and (max-width: 767px){.table-calendar {  table-layout: fixed;  min-width:800px;  border-collapse: collapse;}.table-calendar td,.table-calendar th {border:1px solid #ccc;padding:.5em;}.table-calendar th {background:#f2f2f2;text-align:center;} .on {background:var(--blue);}}