#eventtable {
    width: 100%;
    background: white;
}

#eventtable {
    margin-bottom: 30px;
}

#eventtable {
    caption-side: top;
    background:none;
}

#eventtable tbody  th{
    font-weight: normal;
}

#eventtable th, #eventtable td {
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
}

thead th{
    color: rgba(174, 15, 10, 1);
}

#eventtable tbody tr{
    border-bottom: 1px solid #999;
}

@media screen and (max-width:768px){
    #eventtable thead{
        display:block;
        height:1px !important;
        width:1px;
        overflow:hidden;
    }

    #eventtable tbody th{
        font-weight:bold;
        display:block;
    }
    #eventtable tbody td{
        display:block;
    }
    #eventtable tbody td:last-child{
        margin-bottom:30px;
    }


}

@media screen and (prefers-color-scheme: dark){
    #eventtable, #eventtable tr{
        background-color:#666;
    }
    #eventtable tr{
        border-bottom:1px solid white;
    }
    #eventtable td, #eventtable th{
        color:white;
    }
    #eventtable caption{
        color:#eee;
    }
}