body
{ 
  background-color: #d2b48c;
  color: rgb(144, 0, 0);
  margin-left: 2%;
  margin-right: 2%;
  /*border: 1px dotted gray;*/
  padding: 2px 2px 2px 2px;
  font-family: sans-serif;
/*  link: #0000a0;
  vlink: #009000;
*/
}

<style type="text/css">
  .size1 {
    font-size: 100%;
    text-align: left;
    /*font-family: Palatino Linotype;*/
    font-family: 'segoe ui';
    color: rgb(144, 0, 0);
    padding: 0px;
    margin: 0px;
  }
  .size1h {
    font-size: 115%;
    text-align: left;
    /*font-family: Palatino Linotype; */
    font-family: 'segoe ui';
    font-weight: bold;
    color: rgb(144, 0, 0);
    padding: 0px;
    margin: 0px;
  }
  .size2 {
    font-size: 100%;
    text-align: center;
    /*font-family: Palatino Linotype; */
    font-family: 'segoe ui';
    color: rgb(0, 153, 0);
    padding: 0px;
    margin: 0.2em;
  }
  .size2left {
    font-size: 100%;
    text-align: left;
    /*font-family: Palatino Linotype;*/
    font-family: 'segoe ui';
    color: rgb(144, 0, 0);
  }

  .size3 {
    font-size: 120%;
    text-align: center;
    font-family: Rockwell;
  }
  .size4 {
    font-size: 140%;
    text-align: center;
    font-family: Rockwell;
  }
  .pagename {
    font-family: Palatino Linotype;
    font-size: 120%;
    text-align: center;
    /*color: rgb(0, 153, 0);  green */
    /*color: rgb(200, 0, 0);*/
    color: rgb(155, 43, 43);
  }
  .sitename {
    /*font-family: Palatino Linotype;*/
    /*font-family: cursive;*/
    font-family: serif;
    font-size: 140%;
    text-align: center;
    font-weight: 500;
    color: rgb(0, 153, 0);       /* green */
    /*color: rgb(200, 0, 0);*/   /* red */
    color: rgb(18, 53, 142);
  }
  .graymenuitem {
    color: rgb(150, 150, 150);
    padding: 13px 10px 13px 10px;
    /*padding: 11px;*/
    top: 100px;
    width: auto;
    /*width: 70px;*/
    height: 50px;
    text-align: center;
    display: inline-block;
    /*float: right;*/
  }
  .boldmenuitem {
    font-family: 'segoe ui';
    font-weight: bold;
    /*color: rgb(150, 150, 150);*/
    /*color: #fff;*/
    color: rgb(242, 242, 29);
    padding: 13px 10px 13px 10px;
    /*padding: 11px;*/
    top: 100px;
    width: auto;
    /*width: 70px;*/
    height: 50px;
    text-align: center;
    display: inline-block;
    /*float: right;*/
  }
  .bodystyle {
    /* padding: top right bottom left */
    padding-top: 10px;
    padding-right: 7px;
    padding-bottom: 1px;
    padding-left: 7px;
    margin: 0.1em;
  }
/*</style>}*/

p.center
{
  text-align: center;
}
p.left
{
  text-align: left;
}

div.menuitems
{
  height: 5em;
  position: relative
}
div.menuitems p
{
  position: absolute;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

/*@media (max-width: 600px)*/
@media (max-width: 770px)
{
  .size1 {
    font-size: 100%;
    text-align: left;
    /*font-family: Palatino Linotype;*/
    font-family: 'segoe ui';
    color: rgb(144, 0, 0);
  }
  .size1h {
    font-size: 115%;
    text-align: left;
    /*font-family: Palatino Linotype;*/
    font-family: 'segoe ui';
    font-weight: bold;
    color: rgb(144, 0, 0);
  }
  .size2 {
    font-size: 100%;
    text-align: center;
    /*font-family: Palatino Linotype; */
    font-family: 'segoe ui';
    color: rgb(0, 153, 0);
  }
  .size2left {
    font-size: 100%;
    text-align: left;
    /*font-family: Palatino Linotype;*/
    font-family: 'segoe ui';
    color: rgb(144, 0, 0);
  }
  .size3 {
    font-size: 120%;
    text-align: center;
    font-family: Rockwell;
  }
  .size4 {
    font-size: 140%;
    text-align: center;
    font-family: Rockwell;
  }
  .pagename {
    font-family: Palatino Linotype;
    font-size: 130%;
    text-align: center;
    /*color: rgb(0, 153, 0);  green */
    /*color: rgb(200, 0, 0);*/
    color: rgb(155, 43, 43);
  }
  .sitename {
    /*font-family: Palatino Linotype;*/
    /*font-family: cursive;*/
    font-family: serif;
    font-size: 140%;
    text-align: center;
    font-weight: 500;
    color: rgb(0, 153, 0);       /* green */
    /*color: rgb(200, 0, 0);*/   /* red */
    color: rgb(18, 53, 142);
  }
  .graymenuitem {
    color: rgb(150, 150, 150);
    padding: 13px 10px 13px 10px;
    /*padding: 11px;*/
    top: 100px;
    width: auto;
    /*width: 70px;*/
    height: 50px;
    text-align: center;
    display: inline-block;
    /*float: right;*/
  }
  .bodystyle {
    /* padding: top right bottom left */
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
  }
  
</style>}
  
}