img{
    pointer-events:none;
}

#hd2{
    font-size:2vw;
    margin-bottom:0.5vw;
}

#mb1{margin-bottom:4vw;}
#mb2{margin-bottom:10vw;}
#mt1{margin-top:4vw;font-size:14px;}
#mt2{margin-top:4vw;}
#mt3{margin-top=2vw;}
#f1{font-size:14px;}


div#navigation {width:10vw; height: 100%; background:#558080;padding:0.5vw;position:fixed; }
div#content {width: 80vw; height: 80vh; background:#FFFFFF;padding:0.5vw;margin-left:12vw;-youbkit-touch-callout: none;-youbkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}


ul {
  list-style-type: none;
  margin: 0;
  padding:0;
  position:fixed;
  overflow:auto;
}

li#n a {
  display: flex;
  color:white;
  margin:0.5em;
  font-size:80%;
}


li#n a:hover {
  background-color: #555;
  color: white;
}


ol#cn {
  margin: 1px;
  padding: 1em;
  font-family: Verdana,sans-serif;
  font-size:0.5vw;
}

div.gallery {
  margin: 1vmin;
  border: 1vmin solid #ccc;
  float: left;
  width: 40vmin;
}

div.gallery:hover {
  border: 1vmin solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 1.2vmin;
  text-align: center;
}