table.tiles {	
	border-collapse: collapse;
}
table.tiles caption{
    display: none;
}
table.tiles thead,
table.tiles tbody {
    border-width: 10px;
    border-style: solid;}
table.tiles th,
table.tiles td {	
	padding: 0.2em;
}
table.tiles th {
    border-width: 5px;
    border-style: solid;
	font-size: 1em;
}
table.tiles td {
	text-align: center;
    border-width: 2px;
    border-style: solid;
	font-size: 0.8em;
}
table.tiles a {
    display: block;
}
table.mobile{
    display: none;
}

ul.tiles,
ul.tiles li {
    list-style-type: none;
    padding: 0;
	margin: 0;
}
ul.tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15vw, 1fr));
    gap: 10px;

    margin: 10px;
}
ul.tiles li {
    /*text alighment*/
    display: flex;
    justify-content: center;
    align-items: center; 
    text-align: center;

    padding: 0.5em;
}
ul.tiles li:last-child {
  grid-column: 1 / -1;
}