/* 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:30px;
padding-left:60px;
padding-right:60px;
padding-bottom:20px;
}

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


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

.super h1 {
font-size:6vw;
color:#e7ba29;
text-shadow:0px 0px 24px #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 2px #000;
}

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


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

.bluefont {
color:#f80012;
text-shadow:0px 0px 8px #fffff;
}

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);
}

.page24 {
background-image:url(../img/p24.jpg);
}

.page25 {
background-image:url(../img/p25.jpg);
}


.page26 {
background-image:url(../img/p26.jpg);
}

.page27 {
background-image:url(../img/p27.jpg);
}

.page28 {
background-image:url(../img/p28.jpg);
}


.page29 {
background-image:url(../img/p29.jpg);
}


.page30 {
background-image:url(../img/p30.jpg);
}