html {
  font-size: 12pt;
}

h1 {
  color: white;
  font-size: 2.2rem;
  font-family: 'Overpass';
  display: inline;
  margin-left: 2.2rem;
}

img.tPageTitle {
  width: 6.0rem;
  height: 6.0rem;
  display: block;
  margin-left: 0.3rem;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

p {
  font-family: 'Overpass';
}

.tEmail {
  font-family: Courier;
}

.tCopyright {
  font-size: 0.7rem;
}

.tArchivated {
  color: #808080;
  font-size: 0.8rem;
  font-family: 'Overpass';
}

img.tGallery {
  border: solid 1px #808080;
}

span.tBooktitle {
  font-size: 1.4rem;
}

span.tCopyright {
  font-size: 0.7rem;
  font-family: 'Overpass';
}

span.tLinkDeprecated {
  color: #8080a0;
  font-style: italic;
}

.tRemark {
  font-size: 0.85rem;
}

@media only screen and (orientation: portrait) {

  .tMainText {
    font-size: 1rem;
    font-family: 'Overpass';
    width: 80.0vw;
  }

  .tMainItem {
    text-align: justify;
    vertical-align: top;
    padding-bottom: 16px;
  }

  .tLikeMainText {
    font-size: 1rem;
    font-family: 'Overpass';
  }

  .tMainCol {
    width: 80.0vw;
  }

  img.aInstagram {
    width: 50.0vw;
    height: 50.0vw;
  }

  img.aInstagramGallery {
    width: 50.0vw;
    height: 50.0vw;
    border: solid 1px #808080;
  }

  img.t150to100 {
    width: 75.0vw;
    height: 50.0vw;
  }

  img.t75to50 {
    width: 36.0vw;
    height: 24.0vw;
  }

  img.t16to9 {
    width: 72.0vw;
    height: 40.5vw;
  }

  img.t16to9small {
    width: 24.0vw;
    height: 13.5vw;
  }

  td.tInstagram {
    width: 50.0vw;
  }

}

@media only screen and (orientation: landscape) {

  .tMainText {
    font-size: 1rem;
    font-family: 'Overpass';
    width: 50rem;
  }

  .tMainItem {
    text-align: left;
    vertical-align: top;
  }

  .tLikeMainText {
    font-size: 1rem;
    font-family: 'Overpass';
  }

  .tMainCol {
    width: 50rem;
  }

  img.aInstagram {
    width: 30.0rem;
    height: 30.0rem;
  }

  img.aInstagramGallery {
    width: 30.0rem;
    height: 30.0rem;
    border: solid 1px #808080;
  }

  img.t150to100 {
    width: 45.0rem;
    height: 30.0rem;
  }

  img.t75to50 {
    width: 21.0rem;
    height: 14.0rem;
  }

  img.t16to9 {
    width: 48.0rem;
    height: 27.0rem;
  }

  img.t16to9small {
    width: 16.0rem;
    height: 9.0rem;
  }

  td.tInstagram {
    width: 30.0rem;
  }

}