body, html {
       margin: 0;
       padding: 0;
       width: 100%;
       height: 100%;
       font-family: Arial, Helvetica, sans-serif;
       font-size:16px;

       .autocomplete {
        position: relative;
        display: inline-block;
       }
       .autocomplete-items {
        position: absolute;
        border: 1px solid #d4d4d4;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        /*position the autocomplete items to be the same width as the container:*/
        top: 100%;
        left: 0;
        right: 0;
       }
       .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
       }
      .autocomplete-items div:hover {
       /*when hovering an item:*/
       background-color: #e9e9e9;
      }
      .autocomplete-active {
       /*when navigating through the items using the arrow keys:*/
       /*background-color: DodgerBlue;*/
       color: DodgerBlue;
      }
     .wrapper {
       height:auto;
       min-height:100%;
       width:100%;
       border-style:none;
       background-color:beige;
      }
     .button {font-size:16px;}
     .canvasCell {vertical-align:top;float:left;}
     .inputBox { font-family: Arial, Helvetica, sans-serif;}
     .resultsDisplay {height:auto;width:100%;border-style:none;}
     /*default is for desktop screen; here adjust for mobil phones*/
     @media screen and (max-width: 992px){
      {font-size:24px}
      .button {font-size:24px}
      .canvasCell {width:100%}
      .inputBox {font-size:4vw}
      .resultsDisplay {font-size:4vw}
      .autocomplete {font-size:4vw}
     }