h4 { margin: 1em 0 0.25em 0;}

table#results { text-align: center; border-collapse: collapse; border: solid 2px black;}
table#results th { border: solid 1px black;}
table#results td { padding: 0.2em 0.5em;}
table#results td.value { padding: 0 1em; min-width: 4em; font-family: monospace; font-size: 120%; }

table#results td:nth-child(1) { text-align: right; border-left: 1px solid black; }
table#results td:nth-child(2) { width: 4em;}
table#results td:nth-child(3) { width: 4em; border-left: 1px solid black;}
table#results td:nth-child(4) { text-align: left; border-right: 1px solid red; white-space: nowrap;}




@media screen and (max-width: 800px){
    #flex-conv { padding: 1em;}
}

@media screen and (min-width: 800px){
    #flex-conv { display: flex; flex-wrap: wrap; }
    #flex-conv > div { margin: 1em 0.5em; }
    #flex-conv > div:first-child { margin-left: 1em;}
    #flex-conv > div:last-child { margin-right: 1em;}
    
    #flex-conv > #conv-shop { width: 12em; padding-top: 1.25em;}
    #flex-conv > #conv-input { width: 14em;}
    #flex-conv > #conv-options { width: 12em;}
    #flex-conv > #conv-results { flex: 1;}
}