body {
  overflow: hidden;
}

#main-container {
  min-height: 100px;
  min-width: 400px;
}

#flipbook {
  width: 1104px;
  height: 100%;

/*   This causes the book to animate when centering itself */
  -webkit-transition:margin-left 1.0s ease-in-out;
  -moz-transition:margin-left 1.0s ease-in-out;
  -o-transition:margin-left 1.0s ease-in-out;
  -ms-transition:margin-left 1.0s ease-in-out;
  transition:margin-left 1.0s ease-in-out;
}

#flipbook .page {
  height: 100%;
  background-color: transparent;
  line-height: 300px;
  font-size: 20px;
  text-align: center;
  position:absolute;
  bottom:auto;
  right:auto;
  left:0px;
  top:0px;
}

/* #flipbook .p1 {
  width: 400px;
  height: 623px;
} */

#flipbook .shadow,
#flipbook.shadow{
  /* -webkit-box-shadow: 0 4px 10px #666;
  -moz-box-shadow: 0 4px 10px #666;
  -ms-box-shadow: 0 4px 10px #666;
  -o-box-shadow: 0 4px 10px #666;
  box-shadow: 0 4px 10px #666; */
}

#flipbook .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook .hard {
  background: transparent !important;
  color: #333;
  /* -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666; */
  font-weight: bold;
}

.book-image {
  width: 800px;
  height: 599px;
}

#flipbook .odd {
  /* -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666; */
}

#flipbook .even {
  /* background: -webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%); */
  /* -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666; */
}

.rsvp {
  width: 200px;
  height: 80px;
  position: relative;
  top: -200px;
}

.tall {
  width:100%;
  height:100%;
}

.small {
  width:501px;
  height:754px;
}

#left-arrow {
    visibility: hidden;
}

.arrow {
  background-color: #00000000;
  border: none;
}

.cover-image {
  width: 100%;
  height: 100%;
}

.book-image {
  width: 100%;
  height: 100%;
}

.page {
  height: 100%;
  width: 100%;
}