@font-face {
  font-family: rockwell;
  src: url(../assets/Rockwell-ExtraBold.woff);
}

@font-face {
  font-family: arnhem;
  src: url(../assets/ArnhemBoldItalic.woff);
}


body {
    
    margin: 0 auto;
    
}

.landingpage-header {
    
        width: 100%;
    margin: 0 auto;




}

.landingpage-header .landingpage-background {
    

        width: 150vw;
    height: 70vw;
    margin: 0 auto;
    background-image: url('../assets/46426406_1950032608632153_5101882670418231296_n.jpg');
    background-repeat: no-repeat;
    background-position: center; 
    background-position: -10vw;

    
}




.landingpage-header img {
    
    margin: 0 auto;
    width: auto;
    height: 20em;
    position: absolute;
    margin-left: 60vw;
    margin-top: 13vh; 


}

.header {
    
    width: 100%;
    height: 10vw;
    
}

.header .header-background {
    
    width: 100%;
    height: 35vw;
    object-fit: cover;
}

.header .header-text {
    
    width: 30%;
    height: auto;
    position: absolute;
    margin-left: 8%;
    margin-top: 19%;
}

.header-book {
    
    width: 23vw;
    height: auto;
    float: right;
        margin-right: 32%;
    margin-top: 30%;

}

.header-pic1 {
    
    width: 12vw;
    height: auto;
    float: right;
        margin-right: 20%;
    margin-top: 28%;

}

.header-pic2 {
    
    width: 14vw;
    height: auto;
    float: right;
    margin-right: 10%;
    margin-top: 32%;

}

.header-pic3 {
    
    width: 14vw;
    height: auto;
    float: right;
    margin-left: 55%;
    margin-top: 50%;
    position: absolute;
    
}



.text-box1 {
    
    width: 30vw;
    height: auto;
    margin: 3em;
    margin-left: 6em;
    margin-top: 35vw;
    font-size: 1.2em;
    color: black;



    
}

.booktext-container {
    
    width: 30vw;
    height: 20vw;
    margin: 3em;
    margin-left: 6em;
    font-size: 1.2em;
    color: black;
    
    
    
}

.book-header {
    
    font-family: rockwell;
    text-align: center;
    margin-top: 35vw;
} 

.book-header-text {
    
    width: 30vw;
    height: auto;
    margin-left: 57%;
    margin-bottom: 5%;
    font-size: 0.9em; 
    color: black;
    position: absolute;
    text-align: right;

    
}

.book-stores {
    
    float: right;
    margin-right: 7em;
    padding-bottom: 4em;
    
}

.book-stores img {
    
    width: 5vw;
    height: auto;
    margin: 0.4em;
        transition: 0.2s;
}

.book-stores img:hover {
    
    transition: 0.2s;
    filter: brightness(50%);
    
}

.text-scroll1 h4 {
    
    text-align: center;
    
} 


.text-scroll1 {
    
    overflow-y: scroll;
height: 20vw;

     
}

.parallax {
    
    height: 500px; /* fallback for older browsers */
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-perspective: 250px;
    perspective: 250px;

    
  } 

  .parallax__group {
    position: relative;
    height: 500px; /* fallback for older browsers */
    height: 100vh;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
      
  }

  .parallax__layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .parallax__group {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s; 
  }

  .parallax__layer--fore {
    -webkit-transform: translateZ(120px) scale(.7);
    transform: translateZ(120px) scale(.7);
    z-index: 1;

  }

  .parallax__layer--base {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;

  }

  .parallax__layer--back {
    -webkit-transform: translateZ(-300px) scale(2);
    transform: translateZ(-300px) scale(2);
    z-index: 3;
  }

  .parallax__layer--deep {
    -webkit-transform: translateZ(90px) scale(.7);
    transform: translateZ(90px) scale(.7);
    z-index: 2;


}

@media only screen and (max-width: 1600px) {
 
    
    .text-box1 {
    
    width: 30vw;

    
}
    
    .landingpage-header img {
    
    margin: 0 auto;
    width: auto;
    height: 20em;
    position: absolute;
    margin-left: 55vw;
    margin-top: 15vh; 

}
    
        .landingpage-header .landingpage-background {
    

        width: 150vw;
    height: 75vw;
    margin: 0 auto;
    background-image: url('../assets/46426406_1950032608632153_5101882670418231296_n.jpg');
    background-repeat: no-repeat;
    background-position: center; 
    background-position: -30vw -10vw;

    
}

    
    
}

@media only screen and (max-width: 1530px) {
 
    
    .text-box1 {
    
    width: 30vw;

        font-size: 1em;
}
    
    .landingpage-header img {
    
    margin: 0 auto;
    width: auto;
    height: 20em;
    position: absolute;
    margin-left: 50vw;
    margin-top: 15vh; 


}
    
    .landingpage-header .landingpage-background {
    

        width: 150vw;
    height: 75vw;
    margin: 0 auto;
    background-image: url('../assets/46426406_1950032608632153_5101882670418231296_n.jpg');
    background-repeat: no-repeat;
    background-position: center; 
    background-position: -55vw -10vw;
    background-size: 110%;

    
}
    
    
}

@media only screen and (max-width: 1280px) {
 
    
    .text-box1 {
    
    width: 30vw;
    font-size: 1em;

    
}
    
    .booktext-container {
    
    margin-bottom: 20%;
    width: 30vw;
    height: 25vw;
    margin: 3em;
    margin-left: 6em;
    font-size: 1em;
    color: black;
    
    
    
}
    
    .text-scroll1 {
        
        height: 25vw;
        
    }
    
    .landingpage-header img {
    
    margin: 0 auto;
    width: auto;
    height: 17em;
    position: absolute;
    margin-left: 52vw;
    margin-top: 14vh; 


}
    
    .landingpage-header .landingpage-background {
    

        width: 150vw;
    height: 79vw;
    margin: 0 auto;
    background-image: url('../assets/46426406_1950032608632153_5101882670418231296_n.jpg');
    background-repeat: no-repeat;
    background-position: center; 
    background-position: -55vw;

    
}
    
    
}

@media only screen and (max-width: 1024px) {
 
    
        .text-box1 {
    
    width: 75vw;
    height: auto;
    margin: 3em;
    margin-left: 6em;
    margin-top: 35vw;
    font-size: 1.2em;
    color: black;



    
}
    
    .header-pic1 {
    
        display: none;

}

.header-pic2 {

            display: none;

}

.header-pic3 {
    

            display: none;
    
}
    
    .header-book {
        
            margin-top: 46%;
        
    }

    
    .landingpage-header img {
    
    margin: 0 auto;
    width: auto;
    height: 14em;
    position: absolute;
    margin-left: 50vw;
    margin-top: 13vh; 


}
    
    .landingpage-header .landingpage-background {
    

        width: 150vw;
    height: 80vw;
    margin: 0 auto;
    background-image: url('../assets/46426406_1950032608632153_5101882670418231296_n.jpg');
    background-repeat: no-repeat;
    background-position: center; 
    background-position: -45vw;
    background-size: 100%;
    
}
    
    
}

@media screen and (max-width: 800px) and (min-width: 0px) {
 
    
    .text-box1 {
    
    width: 50vw; 

    
}
    
    .landingpage-header img {
    
    margin: 0 auto;
    width: auto;
    height: 15em;
    position: absolute;
    margin-left: 10vw;
    margin-top: 3vh; 


}
    
    .landingpage-header .landingpage-background {
    
width: 200vw;
    
height: 140vw;
    
margin: 0 auto;
    
background-image: url('../assets/46426406_1950032608632153_5101882670418231296_n.jpg');
    
background-repeat: no-repeat;
    
background-position: center;
    
background-position: -130vw 0vw;
    
background-size: 180%;
}
    
    .header .header-background {
        
           height: 30vw;
        
    }
    
    .header {
    
    width: 100%;
    height: 20vw;
    
    
}
    
      .parallax__layer--deep {
    -webkit-transform: translateZ(70px) scale(1.2);
    transform: translateZ(70px) scale(1.2);
    z-index: 2;
}
    
    .header .header-text {
    
    width: 30%;
    height: auto;
    position: absolute;
    margin-left: 20%;
    margin-top: 16%;
}

    .text-box1 {
    
    width: 65vw;
    height: auto;
    margin: 3em;
    margin-left: 6em;
    margin-top: 35vw;
    font-size: 1.2em;
    color: black;



    
}
    
    .header-pic1 {
    
        display: none;

}

.header-pic2 {

            display: none;

}

.header-pic3 {
    

            display: none;
    
}
    
    .header-book {
        
        margin-top: 20%;
            width: 40vw;
    height: auto;
    float: right;
    margin-right: 27%;
        
    }
    
    .book-stores {
        
            margin-top: 85%;
    margin-bottom: 30%;
    margin-right: 20%;
        
    }
    
    .text-scroll1 {
        
        display: none!important;
        
    }
    
    .book-header {
        
        display: none;
        
    }
    
    .booktext-container {
        
        margin-top: 20%;
        
    }

    .book-header-text {

            width: 30vw;
    height: auto;
    margin-left: 25%;
    margin-top: 60%;
    font-size: 0.9em;
    color: black;
    position: absolute;
    text-align: center;
    font-size: 1.3em;
        
    }
    

}

@media screen and (max-width: 414px) and (min-width: 0px) {
    
    .parallax {
        
        display: none;
        
    }
    
}
 
@media screen and (min-width: 1921px) {
    
    .landingpage-background {
        
        width: 100%;
        background-size: 95%;
        background-position: -30vw -6vw!important;
        height: 30%;
        
        
        
        
    }
    
    .landingpage-header img {
        
        height: 18vw;
         
    }
    
    .text-box1 {
        
        font-size: 1vw;
    }
    
    .text-scroll1 {
        
        font-size: 1vw;
        
    }
    
    .book-stores {
        
        font-size: 1vw;
        
    }
    
    .book-header-text {
        
        font-size: 1vw;
        
    }
    
    
    .book-header {
        
        font-size: 1vw;
        
    }
    
}