*         { box-sizing: border-box; }

h1        { font: italic 1.8em sans-serif;
            text-align: center; }
h2,h3,h4,h5,h6,th, .auth
          { font: 1.4em sans-serif; }
.auth     { text-align: center; }

p         { font: 1.2em sans-serif; }

table     { border-collapse: collapse;
            margin: -8px; }

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

th, td    { padding: 8px;
            font: 1em sans-serif; }

ul        { padding-left: 1em; }

img       { max-width: 100%; 
            height: auto;
            border: none; }
            
.mid      { text-align: center; }
.sec      { margin-top: 50px; }

hr        { border: thin ridge #000000; width: 75%; }

/* page layout for small screens */
body      { margin: 2%; }
div       { padding: 2em;
            margin-bottom: 10px; }

@media only screen and (min-width: 768px) 
{
    body      { margin: 5% 8%; }
    div       { padding: 4em;
                margin-bottom: 20px; }
    .sm       { display: none; }                         /* show only on small screens */
}