body {
    font-family: Consolas, 'Lucida Console', Courier New, Courier, monospace;
}

span {
    font-style: italic;
}

/*th, td {
    border: 1px solid;
}
*/
th {
    font-weight: bold;
}

td {
    padding: 0px 0px 0px 0px;
    word-wrap: break-word;
    max-width: 29ch;
    width: 29ch;
    white-space: pre;
}

table {
    background-color: #eaeaea;    
}

.fontPlus5 {
    font-size: 100%;
}

@supports (-webkit-touch-callout: none) {
    .fontPlus5 {
        font-size: calc(100% + 5px)
    }
}

div.content {
    font-size: 14px;
}

@media screen and (min-width: 100px) and (max-width: 576px) {
    div.content {
        font-size: 36px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767.98px) {
    div.content {
        font-size: 21px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
    div.content {
        font-size: 27px;
    }
    table {
        width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    div.content {
        font-size: 18px;
    }    
}