body {background-color:#003801;}

 body,p,input { font-family:sitka; color:#DAA520; font-size:1.02em; }

 input, select { font-family:sitka; color:#999900;background-color:#000300; }

 table, th, td { font-family:sitka; border: 1px solid #DAA520;border-collapse: collapse;} 

 h2,h3,h4,code,b {color:#aabb78;}

 code  {font-size:1.3em;}

 th,td {font-size:1.1em; padding: 3px;}
 
 a { 
     font-family:sitka;
     color:#999900;
   }
 a:hover   { font-family:sitka; color:#DAA520; font-size:1.02em; }
 a:visited {color:#aaaaaa;}
 
 .griddish {border:none;}
 .griddish tr td {border:none;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) 
{
  body,p,input  { font-size:5vw;}
  input, select { font-size:5vw;}
  th,td {font-size:5vw;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px)
{
  body,p,input  { font-size:5vw;}
  input, select { font-size:5vw;}
  code  {font-size:5.2vw;}
  th,td {font-size:5vw;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) 
{
  body,p,input  { font-size:2vw;}
  input, select { font-size:2vw;}
  code  {font-size:2.2vw;}
  th,td {font-size:2vw;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) 
{
 body,p,input,input,select { font-size:1.02em; }
 code  {font-size:1.3em;}
 th,td {font-size:1.1em;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) 
{
 body,p,input,input,select { font-size:1.02em; }
 code  {font-size:1.3em;}
 th,td {font-size:1.1em;}
}