.centered_text  { text-align: center; }
.centered_table, .centered_item { margin: 0 auto; }
.justify { text-align: justify; }

b     { font-weight: 600; }
h2    { font-weight: 600; }
h3    { font-weight: 600; }
h4    { font-weight: 600; }

table { border-spacing: 0; }

.w100 { width: 100%; }

.thin_hr {width: 100%; border: 0; height: 1px; background-color: gray;}

.bspace  { margin-bottom: 0.5em; }
.bspace2 { margin-bottom: 0.25em; }

obox {
    outline: 1px solid #AAAAAA;
    outline-offset: 2px;
    margin-right: 0.15em;
}

hcolor { color: #800000; }

.rounded_button {
    min-height: 2em;
    line-height: 2em;
    padding: 0.4em 1em 0.4em 1em;
    border: 1px solid #AAAAAA;
    border-radius: 20px;
    width: max-content;
}

.rounded_small {
    min-height: 1em;
    line-height: 2em;
    padding: 0.3em 0.8em 0.3em 0.8em;
    border: 1px solid #AAAAAA;
    border-radius: 20px;
    width: max-content;
}

.htable {
    width: 100%;
    margin-top: 20px;
    border: 0;
    border-spacing: 0;
    padding: 0;
}

.hcell {
    text-align: center;
    padding: 0 15px 0 15px;
}

.hflex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

td { text-size-adjust: none; }

table.td5 td, th { padding: 5px; }
table.td2 td, th { padding: 2px; }

table { border-collapse: collapse; border-spacing: 0; }

table.cell_border td, th { border: 1px solid grey; }

@media screen and (min-resolution: 200dpi){
    html, body {
        font-size: 24px;
        text-size-adjust: none;
    }

    td { font-size: 24px; }

    .rounded_button { border-radius: 30px; }
    .rounded_small  { border-radius: 30px; }
}

.image-text-container { display: inline-block; }

.image-text-container img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.text-content {
  width: 0; 
  min-width: 100%; 
  box-sizing: border-box; 
}