td, th {
    border: 1px solid black;
    padding: 8px;
}

th {
    background-color: #005bbb;
    font-weight: bold;
    color: white;
    font-family: 'nunito';
}

.mobile-table{
    display: none;
}

.mobile-table td, th{
    border: 1px solid black;
    padding: 8px;
    white-space: unset;
    vertical-align: top;
    font-family: 'nunito';
}

.mobile-table .light-green{
    background: #F8FEF5;
}

.mobile-table .yellow{
    background: #FFFFDE;
}

.mobile-table .red{
    background:#F8EEED
}

.mobile-table .blue{
    background: #EEF7FF;
}


@media only screen and (max-width: 600px) {
    .mobile-table {
        display: flex;
        flex-direction: column;
    }
    .desktop-table{
        display: none;
    }
}