html {
  font-size: 26.25;
  background-color: #662a27;
}

@media only screen and (orientation: portrait) {

  body {
    background: #662a27;
    font-size: 4.5vw;
    font-family: Lucida;
    font-variant: small-caps;
    text-decoration: none;
  }

  .tCover {
    align: center;
    width: 100vw;
  }

  img.imgCover {
    border: solid 3px #e3dcbf;
    width: 80.00vw;
    height: 112.80vw;
  }

  img.imgTitleFull {
    width: 64.0vw;
    height: 16.0vw;
    margin-left: -18.0vw;
    margin-top: -40.0vw;
    position: relative;
    left: +8.0vw;
    top: -64.0vw;
  }

  a.aNav:link {
    color: #dbd9d7;
    font-size: 4.2vw;
    font-family: Lucida;
    font-variant: small-caps;
    text-decoration: none;
  }

  a.aNav:visited {
    color: #dbd9d7;
  }

  a.aNav:hover {
    color: white;
    font-size: 5.4vw;
  }

  a.aNav:active {
    font-size: 5.4vw;
  }

}

@media only screen and (orientation: landscape) {

  body {
    background: #662a27;
    font-size: 1rem;
    font-family: Lucida;
    font-variant: small-caps;
    text-decoration: none;
  }

  .tCover {
    align: center;
    width: 46.2rem;
    height: 32.0rem;
  }

  img.imgCover {
    border: solid 3px #e3dcbf;
    width: 46.2rem;
    height: 32.0rem;
  }

  img.imgTitleFull {
    width: 25.60rem;
    height: 6.40rem;
    margin-left: -25.60rem;
    margin-top: -6.40rem;
    position: relative;
    left: +12.98rem;
    top: -25.60rem;
  }

  a.aNav:link {
    color: #dbd9d7;
    font-size: 1.4vw;
    font-family: Lucida;
    font-variant: small-caps;
    text-decoration: none;
  }

  a.aNav:visited {
    color: #dbd9d7;
  }

  a.aNav:hover {
    color: white;
    font-size: 1.78vw;
  }

  a.aNav:active {
    font-size: 1.78vw;
  }

}