@media screen and (min-width: 480px) {
            body {
                width: 90vw;
                height: 90vh;
            }
        }

body  {
text-align:left;
background-color:#eef;
color:#000;
text-align:left;
word-wrap:normal;
font-family: arial, helvetica, sans-serif;
font-size: 24px;
line-height:32px;
letter-spacing:0px;
font-weight:400;
font-style:italic;
}

a:link {color:#44d;
display:inline;
}  /* unvisited link */

a:visited {color:#88d;
display:inline;
}  /* visited link */

a:hover {color:#f00;
display:inline;
}  /* mouse over link */

a:active {color:#0f0;
display:inline;
}  /* selected link */ 

p {
}

table {
width: auto;
word-wrap: break-word;
margin-left:auto; 
margin-right:auto;
/*
table-layout: fixed;
*/
}

td {
vertical-align:top;
}

figure  {
display: inline-table;
vertical-align: middle;
background: transparent;
margin-left:5px; 
margin-right:5px;
margin-top:50px;
padding: 0px;
border-width:0px;
border-style:solid;
border-color:#000;
color:#000;
text-align: center;
word-wrap:normal;
font-family: arial, helvetica, sans-serif;
font-size: 24px;
line-height: 28px;
font-weight:400;
letter-spacing:0px;
font-style:normal;
}

img  {
display: inline-table;
vertical-align: middle;
background: transparent;
margin-left:0px; 
margin-right:0px;
margin-top:0px;
padding: 0px;
border-width:0px;
border-style:solid;
border-color:#000;
}

figcaption  {
display:table-caption;
caption-side:bottom;
background: transparent;
margin-left: 15px;
margin-right: 5px;
margin-top: 0px;
padding: 0px;
border-width:0px;
border-style:solid;
border-color:#000;
color:#000;
text-align: left;
word-wrap:normal;
font-family: arial, helvetica, sans-serif;
font-size: 24px;
line-height: 28px;
letter-spacing:0px;
font-weight:400;
font-style:normal;
}

blockquote {
display: inline-block;
vertical-align: middle;
font-family: arial, helvetica, sans-serif;
/*font-size: 24px; */
/*line-height:28px; */
font-weight:400;
letter-spacing:0px;
font-style:normal;
color:#000;
text-align:left;
word-wrap:normal;
background: transparent;
margin-left:25px; 
margin-right:25px;
margin-top:25px;
padding: 0px; 
border-width:0px;
border-style:solid;
border-color:green;
}

input[type="button"], input[type="image"] {
    margin: 10px;
    font-size:18px;
    display: inline-table;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

/*CLASSES follow:*/

.button {
    margin: 10px;
    font-size:24px;
    display: inline-table;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}  

.error {
color: #FF0000;
}

.center {
/* margin: auto; */
/*width: auto; */
text-align:center;
}

.captioncolumns  {
column-count: 3;
outline-color: #cee;
outline-offset: 0px;
outline-style: groove;
background-color: #def;
}

.captionbigger  {
font-family: arial, helvetica, sans-serif;
font-size: 20px;
font-weight:400;
font-style:normal;
line-height: 24px;
letter-spacing:0px;
}

.contact {
font-family:Monospace, Courier, Georgia;
font-size: 20px;
font-weight:400;
font-style:italic;
line-height: 24px;
letter-spacing:0px;
}

.banner {
background-color:#d0c090;
border-width:0px;
border-style:solid;
border-color:#b0b080;
font-size:64px;
font-weight:900;
font-style:normal;
line-height: 72px;
color:#ffffff;
font-family:Courier, Georgia, Times;
text-align:center;
vertical-align:middle;
/*width:auto;
padding:0px;
display:inline-block;
/*make small box but inline */
/*display:block; */
/*would extend banner across page width */
margin-left:auto; 
margin-right:auto;
/*margin:0 auto; */
/*sets top and bottom margins to zero, left and right margins to auto */
}