@media only screen and (hover: none) and (pointer: coarse) {
  body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;  
    color: #333333;
    margin: 2px;
    padding: 2px;
  }

  #header {
    font-size: 22px;
    background-color: #eef;
    border: 1px solid #aaa;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
    margin-bottom:10px;
  }

  input {
    margin-top:1px;
    padding: 0.2em;
    background-color: White;
    border: 1px solid #aaaaaa;
    font-size: 1.5em;
  }
  
  select {
    margin-top:1px;
    padding: 0.2em;
    background-color: White;
    border: 1px solid #aaaaaa;
    font-size: 1.5em;
  }

  nav {
      width: auto;
      text-align: left;
  }

  nav ul {
      flex-direction: column;
  }

  nav li {
      padding-left: 4px;
  }

  nav a {
      font-size: 1.5em;
  }
}

@media (hover: hover) {
  body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;  
    color: #333333;
    margin: 2px;
    padding: 2px;
  }

  #header {
    font-size: 16px;
    background-color: #eef;
    border: 1px solid #aaa;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
    margin-bottom:10px;
  }

  nav ul {
      list-style-type: none;
      display: flex;
  }

  nav li {
      margin-right: 15px;
  }

  nav a {
      font-size: 0.9em;
      color: #181818;
      padding-bottom: 3px;
      text-decoration: none;
  }

  nav a:hover {
      color: #760001;
      border-bottom: 3px solid #760001;
  }
  
  input {
    margin-top:1px;
    padding: 0.2em;
    background-color: White;
    border: 1px solid #aaaaaa;
    font-size: 1.0em;
  }
  
  select {
    margin-top:1px;
    padding: 0.2em;
    background-color: White;
    border: 1px solid #aaaaaa;
    font-size: 1.0em;
  }
}

#header input {
    margin:0px;
    padding: 0.1em;
    background-color: White;
    border: 1px solid #aaaaaa;
    font-size: 90%;
}

#headShHlp{
    font-size: 12px;
    background-color: #eff;
    border: 1px solid #aaa;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
    margin-bottom:10px;
  }

#footer {
    font-size: 10px;
    color: #ddd;
    margin-top:40px;
    width: 100%;
    text-align: center;
}

table.wikitable { background-color: #fff; border: 1px solid #aaa; }
table.wikitable td { background-color: #fff; border: 1px solid #aaa; }

pre {
    font-family: monospace;
    background-color: #eee;
    padding: 2px;
    padding-left: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

hr {
 height: 1px;
 color: #aaaaaa;
 background-color: #aaaaaa;
 border: 0;
 margin: 0.2em 5px 0.2em 5px;
}

form {
    border: none;
    margin: 0;
}

textarea {
    border: 1px solid #aaaaaa;
    color: Black;
    background-color: white;
    width: 99%;
    padding: 0.1em;
    overflow: auto;
}


li
{
    list-style-type: none;
    display: flex;
}

a, ulink{
   color: #333;
   text-decoration:none;
   border-bottom: 1px #333 dotted;
   display: inline;
 }

a:hover {
   color: #333;
   text-decoration: None;
   border-bottom: 1px #000 solid;
   }

a:visited {
   color: #333;
}

#wrapper {
text-align:left;
margin:0 auto;
display: inline-block;
min-height:10px;
border:1px solid #ccc;
padding:5px;
}

#myvar {
border:1px solid #ccc;
background:#f2f2f2;
padding:5px;
}

@media all and (max-width: 800px)
{
  nav {
      width: auto;
      text-align: left;
  }

  nav ul {
      flex-direction: column;
  }

  nav li {
      padding-left: 4px;
  }

  nav a {
      font-size: 1.2em;
  }

  nav a:hover {
      border-bottom: 0;
  }
}
