.wrapper { margin: 10px auto; }
.flip-book {
 /* box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); */
 display: none;
 background-size: cover;
}
.page {
 padding: 10px 1px 10px 1px;
 background-color: #c2b5a3;
 color: #785e3a;
 border: solid 1px #c2b5a3;
 overflow: hidden;
}
.pagelast {
 padding: 10px 20px 10px 35px;
 overflow: hidden;
}
.page .page-content {
 width: 100%;
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 align-items: stretch;
}
.page .page-content .page-header {
 height: 30px;
 font-size: 100%;
 text-transform: uppercase;
 text-align: left;
}
.page .page-content .page-image {
 height: 100%;
 background-size: contain;
 background-position: center center;
 background-repeat: no-repeat;
}
.page .page-content .page-text {
 height: 100%;
 flex-grow: 1;
 font-size: 80%;
 text-align: left;
 margin-top: 10px;
 padding-top: 10px;
 box-sizing: border-box;
 border-top: solid 1px #f4e8d7;
}
.page .page-content .page-footer {
 height: 30px;
 border-top: solid 1px #f4e8d7;
 font-size: 80%;
 color: #998466;
}
.page.--left {
 border-right: 0;
 box-shadow: inset -7px 0 30px -7px rgba(0, 0, 0, 0.4);
}
.page.--right {
 border-left: 0;
 box-shadow: inset 7px 0 30px -7px rgba(0, 0, 0, 0.4);
}
.page.--right .page-footer {
 text-align: right;
}
.page.hard {
 background-color: #f2e8d9;
 border: solid 1px #998466;
}
.page.page-cover {
 background-color: #e3d0b5;
 color: #785e3a;
 border: solid 1px #998466;
}
.page.page-cover h2 {
 text-align: center;
 padding-top: 50%;
 font-size: 210%;
}
.page.page-cover.page-cover-top {
 box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), -2px 0 5px 2px rgba(0, 0, 0, 0.4);
}
.page.page-cover.page-cover-bottom {
 box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), 10px 0 8px 0px rgba(0, 0, 0, 0.4);
}

@media (min-width: 1500px) {
.container {
  max-width: 1370px;
}
}

#ar-div {
  width: 500px;
  height: 200px;
  visibility: hidden;

  background: #00000;
  opacity: 0.96;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* color: white; */
  scale: 6;
    }