body {
   background-color: #F88158;
}

h1 {
    text-align: center;
}

table, section, p {

    margin: 2em 0.5em 0 0.5em;
    background-color: white;
    border: solid 1px black;

}

section, p {
    padding: 1em;
    border-radius: 15px;
}

table {
    border-collapse: collapse;
}

td, th {
    border: solid 1px black;
    padding: 0.5em;
    text-align: center;
}

th {
    width: 28%;
}

figure {
    /* border: solid 1px red; */
    text-align: center;
    margin: 0;
}

img {
    max-width: 100%;
}

a {
    color: #0000F0;
    font-variant: small-caps;
    text-decoration: none;
}

span.warning { color: #FF0000; font-weight: bold;}
span.ok      { color: #00B000; font-weight: bold; }




@media screen and (min-width: 800px) {

table, section, p {
    width: 65em;
    margin: 2em auto 0 auto;
}

table {
    table-layout: fixed;
}

figure {

}

img {
    max-width: 806px;
}

}