body {

   /* Had to make the font more 'professional' so I nicked my preferred font: Consolas)*/
   Body,
   a,
   p,
   li,
   span,
   strong,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
     font-family: Verdana, “Times New Roman”, Sans-serif;
   }

   margin-left: auto;
   margin-right: auto;
   max-width: 980px;
   background-color: #EAEAEA;
   color: #000;
   text-align: left;
   font-size:100%;
 }

 p {
   /* [disabled]margin-bottom: 0px;  */
   margin: 0;
   text-indent: 0px;
 }

 p+p {
   text-indent: 0px;
   margin-top: 0;
 }

 p::first-letter {
   color: inherit;
 }

 a::first-letter {
   color: inherit;
 }

 div.page {
   background-color: white;
   padding: 50px;
 }

 ul {
   display: block;
   margin-top: 0px;
 }

 ul ul {
   margin-top: 0;
 }

 .col2 {
   width: 100%;
   display: flex;
   justify-content: space-around;
 }

 .rightdata {
   float: right;
 }

 .hidden-reverse {
   display: none;
 }

 div.grid-col-cell {
   text-align: left;
 }

 @media (max-width: 845px) {
   body {
     background-color: white;
   }

   div.page {
     padding: 0px;
   }

   body, p, ul, li {
     text-align: left;
   }

   ul {
     margin-left: -20px;
   }

   .rightdata {
     display: block;
     float: none;
   }

   .hidden-reverse {
     display: initial;
   }
 }