table{
width:100%;
border-collapse:collapse;
border-spacing:0;
overflow-x:auto;
}

th,td{
font-size:18px;
font-weight:700;
color:#000;
border:1px solid #000;
padding:8px;
text-align:left;
}

th{
background-color:#ccc;
}

tr:nth-child(even){
background-color:#f2f2f2;
}

@media screen and (max-width:600px){
table{
display:block;
overflow-x:auto;
}

thead,tbody,tr,th,td{
display:block;
}

tr{
border:none;
margin-bottom:10px;
}

td{
border:none;
border-bottom:1px solid #000;
position:relative;
padding-left:50%;
text-align:left;
}

td:before{
position:absolute;
top:6px;
left:6px;
width:45%;
padding-right:10px;
white-space:nowrap;
font-weight:400;
}

td:nth-of-type(1):before{
content:"Periodo di lutto";
}

td:nth-of-type(2):before{
content:"Rito Ebraico";
}

td:nth-of-type(3):before{
content:"Rito Cattolico";
}
}