/* CSS Audiobook by Pete Casale - www.cre8veonline.com */

.background, html, body {
height:100%;
}

.background {
background-size:cover;
background-position:center center;
position:relative;
}


.textarea {
position:absolute;
bottom:0;
left:0;
width:100%;
padding-top:80px;
padding-left:60px;
padding-right:60px;
padding-bottom:20px;
}

.textarea h2 {
font-size: 4vw;
}


.textarea h3 {
font-size: 6vw;
}

.super {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  height:200px;
  text-align:center;
}

.super h1 {
font-size:10vw;
color:#ff8101;
text-shadow:0px 0px 18px #000;
}

.light {
background: rgba(255, 255, 255, 0.3);
color:#000;
text-shadow:0px 0px 2px #fff;
}

.dark {
background: rgba(0, 0, 0, 0.3);
color:#fff;
text-shadow:0px 0px 6px #fff;
}

.neutral {
color:#000;
text-shadow:0px 0px 24px #ffffff;
}


.whitefont {
color:#fff;
text-shadow:0px 0px 2px #000000;
}

.redfont {
color:#ff8101;
text-shadow:0px 0px 12px #000000;
}

span.glyphicon-circle-arrow-right {
position:absolute;
top:30px;
right:30px;
}

span.glyphicon-circle-arrow-left {
position:absolute;
top:30px;
left:30px;
}

span.glyphicon-circle-arrow-right, span.glyphicon-circle-arrow-left {
font-size: 3em;
color:rgba(255,255,255,0.4);
}

span.glyphicon-circle-arrow-right:focus, span.glyphicon-circle-arrow-left:focus, span.glyphicon-circle-arrow-right:hover, span.glyphicon-circle-arrow-left:hover{
color:rgba(255,255,255,0.9);
}

.page1 {
background-image:url(../img/p01.jpg);
}

.page2 {
background-image:url(../img/p02.jpg);
}

.page3 {
background-image:url(../img/p03.jpg);
}

.page4 {
background-image:url(../img/p04.jpg);
}

.page5 {
background-image:url(../img/p05.jpg);
}

.page6 {
background-image:url(../img/p06.jpg);
}

.page7 {
background-image:url(../img/p07.jpg);
}

.page8 {
background-image:url(../img/p08.jpg);
}

.page9 {
background-image:url(../img/p09.jpg);
}

.page10 {
background-image:url(../img/p10.jpg);
}

.page11 {
background-image:url(../img/p11.jpg);
}

.page12 {
background-image:url(../img/p12.jpg);
}

.page13 {
background-image:url(../img/p13.jpg);
}

.page14 {
background-image:url(../img/p14.jpg);
}

.page15 {
background-image:url(../img/p15.jpg);
}

.page16 {
background-image:url(../img/p16.jpg);
}

.page17 {
background-image:url(../img/p17.jpg);
}

.page18 {
background-image:url(../img/p18.jpg);
}

.page19 {
background-image:url(../img/p19.jpg);
}

.page20 {
background-image:url(../img/p20.jpg);
}

.page21 {
background-image:url(../img/p21.jpg);
}

.page22 {
background-image:url(../img/p22.jpg);
}

.page23 {
background-image:url(../img/p23.jpg);
}