#newnav {
  font-size: 0.9em;
  width: 18vw;
  min-width: 200px;
  min-height: 220px;
  text-align: left;
}

#newnav p {margin: 5px; font-weight: bold;}
#newnav li {margin: 2px;margin-left: -20px;list-style: none;}
#newnav a:link {
  font-weight: bold; text-decoration: none; color: var(--thc-d2);}
#newnav a:visited {
  font-weight: bold; text-decoration: none; color: var(--thc-d2);}
#newnav a:hover {
  color: blue;}
#newnav a:active {
  font-weight: bold; text-decoration: none; color: blue;}

@media screen and (max-width: 770px) {
    #newnav {
        top: 105px;
    }
}

@media screen and (max-width: 615px) {
    #newnav {
        display:none;
    }
}

@media screen and (max-height: 370px) {
    #newnav {
        display: none;
    }
}