/* 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:60px;
}

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

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


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

.super h1 {
font-size:14em;
color:#e30604;
text-shadow:0px 0px 48px #000;
}

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


.neutral {
color:#000000;
text-shadow:0px 0px 8px #fff;
}


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

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: 5em;
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);
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {



}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


}