@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 2)
{


.browser-tag:before {
  content:'Oppo 360x640';
  font-weight:bold;
  color: rgb(100,150,100)
}


body {
    -font-size: 9pt;
    font-size: 36px;
  }

vbox#abox {
  width:100%;
  padding: 0px 0.5em;
}

nav a {
  font-size: 1.6em;
  font-weight: bold;
  }

nav hbox {
  margin: 3em 0;
  }


img.image-class-1 {
  width:100%;
}

dl.blog-index {
  font-size: 0.7em; /* we need extra step down ONLY for OPPO*/
}

vbox.toc a {
  font-size: 1.2em;
}

h1 {
  font-size:2.6em;
}
h2 {
  font-size:1.8em;
}

} /* end of media*/