.landingLogo:click {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.bubbleGum h3, .bubbleGum h4
{
    font-family: bubbleGum;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-5px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-8px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(8px, 0, 0);
  }
}


@font-face {
    font-family: bubbleGum;
    src: url(../font/BubblegumSans-Regular.ttf);
}

@font-face
{
    font-family: Walter;
    src: url(../font/WalterTurncoat.ttf);
}

html,body
{
    max-width: 100% !important;
    overflow-x: hidden !important;
    
    color:white;
}

.titleSection
{
    color:black;
}

.technique-slider img
{
    width: 50% !important;
    margin:auto;
}

p
{
    
    border-radius: .25em;
}



   .slideText
{
   /* background-color: rgba(123,197,177,255);*/
    background-image: url("../img/Panel_websiteDark.png");
    background-size: 100% 100%;
    background-position: top;
    color:black;
    
    text-align: center;
    
}



.bamboo
{
    position: absolute;
}

.bamboo img
    {
        width: 100%;
    }
    

.arrow img
{
    box-shadow: 2px 2px 5px #000;
}

.arrow img:hover
{
    box-shadow: 4px 4px 5px #111;
}

.bounce {
  -moz-animation: bounce 1s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 3s infinite;
}

.owl-next
{
    background-image: url("../img/Panel_websiteDark.png") !important;
    background-size: 100% 100% !important;
    border-radius: 2em !important;
    border-style: groove;
    border-color: #f2ac77;
     color:black !important;
}

.owl-prev
{
    background-image: url("../img/Panel_websiteDark.png") !important;
    background-size: 100% 100% !important;
    border-radius: 2em !important;
    border-style: groove;
    border-color: #f2ac77;
    color:black !important;
}

.owl-carousel
{
    color:black !important;
}

@keyframes bounce {
  0%, 10%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-15px);
  }
}



#page1 {
	min-height: 100vh;
   
    
    background-image: url(../img/Website_TileDark2.png),-webkit-linear-gradient(#fffff2, #effaa3, #59603b),url(../img/MidBGBanner.png);
    
     background-size: 100%;
    background-position: top, top;
    
    background-blend-mode: multiply;
    
    /*
   background-image: url(../img/Website_Tile2.png),-webkit-linear-gradient(#fffff2, #e7a1a1);
    */
    
    
}
#page2 {
	min-height: 100vh;
    background-color: #aad18e;
    
    
}
#page3 {
	min-height: 100vh;
    
    
    background-position: bottom;
    background-image: url(../img/Website_TileDark2.png),-webkit-linear-gradient(#59603b, #effaa3, #fffff2),url(../img/MidBGBanner.png);
    
    background-size: 100%;
    
    background-blend-mode: multiply;
    /*
   
background-image: url(../img/Website_Tile2.png),-webkit-linear-gradient(#e7a1a1, #ffffff);
    */
    
    
}



#page4 {
	min-height: 100vh;
    
    background-color: #e7a1a1;
        
}
#page5 {
	min-height: 10vh;
    background-color: #59603b;
    background-image: url(../img/Website_Tile2.png);
    background-size: 50% 75%;
    background-blend-mode: multiply;

}
#page6 {
	min-height: 100vh;
}
#endpage {
	min-height: 10vh;
}
#footertop {
	min-height: 1vh;
    color:black;
}
#footer {
	min-height: 3vh;
    background-color: black;
    color:white;
}

@media (max-width: 768px) { 

    .bamboo
{
    transform: translate(-3.5%,-50%) !important;
}
    
    
    li p
{
    margin:10px auto !important;
    padding: 0 ;
    width: 80%;
}
    
    #landingpage {
	min-height: 100vh;
        background-image: url(../img/jungle_panorama_blurred.jpg);
        background-size: cover;
}
    
    #page1 img
    {
        width: 100%;
    }
    
    /* Nav */
    
   .titleSection
    {
        background-size: cover;
        background-image: url(../img/scroll%20paper.png);
        font-family: Walter;
        
        margin-top: 5vw;
        margin-bottom: 5vw;
        padding-bottom: 2vw;
    }
    .landingPage
{
    background-image: url(../img/jungle_panorama_blurred.jpg)
    background-size: cover;
    background-position: center;
    
    box-shadow: 10px 10px 5px #888888;
}
   
    .navbar
    {
        
    }
    
    .navbar-brand
    {
        padding-top: 3.5vw;
    }
    
    .navbar-text
    {
    
        margin-top: 3vw !important;
        position: absolute !important;
        font-size: 18px;
    }
    
    .slideText h3
    {
        color: black;
    }
    
	/* Landingpage */
    
    .landingPage img
    {
        background-size: cover;
    }
    
	.landingContent {
		padding:0;
	}
    
    
    .landingLogo
    {
        text-align: center;
    }
    
	.landingLogo img
    {
        transform:translate(0%,350%);
        width: 75vw;
    }
    
	.landingText {
		text-align: center;
	}
    
    .landingText p
    {
        margin-top: 10vw;
        font-size: 14px;
        letter-spacing: 3px;
        
        transform:translate(0%,400%);
    }
    
    .landingText h3
    {
        transform:translate(0%,425%);
        color:white;
         letter-spacing: 2px;
    }
    
    	.infoText {
		text-align: center;
	}
    
    .infoText p
    {
        margin-top: 6vw;
        font-size: 16px;
        margin-bottom: 6vw;
    }
    
    
	.landingSocial {
		text-align: center;
	}
    
    .landingSocial 
    {
        margin-top: 50vw;
        padding: 2vw 5vw 2vw 5vw;
    }
    
    .arrow 
    {
        text-align: center;
        margin-top: 15vw;
    }
    
	/* Page 1 */
	.Page1 {
		text-align: center;

	}
    

	.quote {
		text-transform: uppercase;
	}

	.page3 h1
    {
        padding-top: 3vw;
        padding-bottom: 3vw;
        
        text-align: center;
    }

	.youtubePlayer {
		width:100vw;
		height:56.25vw;
	}
    
 
    
    .page4 h1
    {
        margin-bottom: 5vw;
    }

    table
    {    
        margin-bottom: 6vw;
    }

	.centeredText
	{
		text-align: center;
	}
    
    .endpage h1
    {
        margin-bottom: 10vw;
    }
    
    .endpage h2
    {
        padding-bottom: 5vw;
    }

    input
    {
        padding-top: 3vw;
        padding-bottom: 3vw;
        
        margin-top: 5vw;
        margin-bottom: 5vw;
        
        border-radius: 20vw !important;
    }
    
	.testamonials{
		text-align: center;
	}

	.testamonials img
	{
		padding: 7vh;
	}

    .endpage h1
    {
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
    
    
    .whitespace
{
    min-height: 2vw;
}
    

	.footer img
	{
        margin-bottom: 2vw;
	}
    
    .footerTop h3
    {
        line-height: 6vw !important;
        font-size: 14px !important;
    }
    
    .footer p
    {
        font-size: 10px;
    }

    
/* footer */
    
    .footerCompany
    {
        letter-spacing: 2px;
        font-size: 10px;
    }
    
    .TopFooter
    {
        text-align: center;
        font-size: 26px;
        
        padding-top: 4vw;
        padding-bottom: 1vw;
        
    }
 .TopFooter h4
    {
        text-align: center;
        transform:translate(0%,-50%);
    }
    
    
    ul
    {
        font-size: 16px;
    }

}
@media (min-width: 768px) and (max-width: 992px) { 
    

        li p
{
    margin:10px auto !important;
    padding: 0 ;
    
}
    p
    {
        width: 85%;
        margin: 4vw auto !important;
        padding: 1vw;
    }
  
    
     ul
    {
        font-size: 26px;
    }
    
     #landingpage {
	max-height: 100vh;
}
    
      #page1 img
    {
        width: 100%;
    }
    
   /* Nav */
    
   .titleSection
    {
        background-size: cover;
        background-image: url(../img/scroll%20paper.png);
        font-family: Walter;
        
        margin: 0 !important;
        padding-bottom: 10vw;
    }
    
    .titleSection h1
    {
        transform:translate(5%,75%);
        font-size: 6vw;          
    }
    
    .landingPage
    {
        background-image: url(../img/jungle_panorama_blurred.jpg);
        background-size: cover;
        background-position: center;
    
        box-shadow: 10px 10px 5px #888888;
    }
   
    .navbar
    {
        
    }
    
    .navbar-brand
    {
        padding-top: 1.5vw;
        
    }
    
    .navbar-brand img
    {
        width: 25vw;
    }
    
    .navbar-nav
    {
        transform:translate(45%,0%);
        font-size: 2.5vw;
    }
    
    .navbar-text
    {
    
        margin-top: 3vw !important;
        position: absolute !important;
        font-size: 2vw;
    }
    
    .infoText h3
    {
        font-size: 8vw;
        COLOR:BLACK;
    }
    
    .infoText h4
    {
        font-size: 5vw;
    }

	/* Landingpage */
    
    .landingPage img
    {
        background-size: cover;
    }
    
	.landingContent {
		padding:0;
	}
    
    
    .landingLogo
    {
        text-align: center;
    }
    
	.landingLogo img
    {
        transform:translate(0%,150%);
        width: 75vw;
    }
    
	.landingText {
		text-align: center;
	}
    
    .landingText p
    {
        margin-top: 6vw;
        font-size: 20px;
        letter-spacing: 3px;
        
        transform:translate(0%,400%);
    }
    
    .landingText h3
    {
        transform:translate(0%,180%);
        color:white;
         letter-spacing: 2px;
    }
    
    	.infoText {
		text-align: center;
	}
    
    .infoText p
    {
        margin-top: 6vw;
        font-size: 3vw;
        margin-bottom: 6vw;
    }
    
    
	.landingSocial {
		text-align: center;
        margin-top: 60vw;
        padding: 2vw 5vw 2vw 5vw;
    }
    
    .landingSocial img
    {
        width: 10vw;
    }
    
    iframe
    {
        transform:translate(15%,15%);
        box-shadow: 5px 4px 4px #000;
    }
    
    .arrow 
    {
        text-align: center;
        margin-top: 10vw;
    }
    
	/* Page 1 */
	.Page1 {
		text-align: center;

	}
    

	.quote {
		text-transform: uppercase;
	}

	.page3 h1
    {
        padding-top: 3vw;
        padding-bottom: 3vw;
        
        text-align: center;
    }

	.youtubePlayer {
		width:100vw;
		height:56.25vw;
	}
    

    .slideText
{
   /* background-color: rgba(123,197,177,255); */
    font-size: 3vw;
}
    
    .page4 h1
    {
        margin-bottom: 5vw;
    }

    table
    {    
        margin-bottom: 6vw;
    }

	.centeredText
	{
		text-align: center;
	}
    
    .endpage h1
    {
        margin-bottom: 10vw;
    }
    
    .endpage h2
    {
        padding-bottom: 5vw;
    }

    input
    {
        padding-top: 3vw;
        padding-bottom: 3vw;
        
        margin-top: 5vw;
        margin-bottom: 5vw;
        
        border-radius: 20vw !important;
    }
    
	.testamonials{
		text-align: center;
	}

	.testamonials img
	{
		padding: 7vh;
	}

    .endpage h1
    {
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
    
    
    .whitespace
{
    min-height: 2vw;
}
    

    /* footer */
    
    .footerCompany
    {
        letter-spacing: 3px;
        font-size: 15px;
        transform:translate(3%,0%);
    }
    
    .socialFooter img
    {
        width: 5vw;
    }
    
    .socialFooter
    {
        transform:translate(25%,0%);
    }

    
	.footer img
	{
        margin-bottom: 2vw;
        width: 20vw !important;
	}
    
    .footerTop h3
    {
        line-height: 6vw !important;
        font-size: 14px !important;
    }
    
    .Footer
    {
        padding-top: 1vw;
    }
    
    .Footer p
    {
        font-size: 18px;
    }

    .TopFooter
    {
        text-align: center;
        font-size: 56px;
        
        padding-top: 4vw;
        padding-bottom: 1vw;
        
    }
 .TopFooter h4
    {
        text-align: center;
        font-size: 32px;
        transform:translate(0%,-50%);
    }

}
@media (min-width: 992px) and (max-width: 1200px) {
	
        li p
{
    margin:10px auto !important;
    padding: 0 ;
    width: 80%;
    
}
    p
    {
        width: 90%;
        margin: 4vw auto !important;
        padding: 1vw;
    }
    
    .bamboo
    {
        transform:translate(0%,-35%);
    }
    
    ul
    {
        font-size: 34px;
    }
    
     iframe {
	width:  820px;
	height: 460px;
}
    
      #page1 img
    {
        width: 100%;
    }
    
     #landingpage {
	min-height: 100vh;
}
    
   /* Nav */
    
   .titleSection
    {
        background-size: cover;
        background-image: url(../img/scroll%20paper.png);
        font-family: Walter;
        
        
        padding-bottom: 10vw;
    }
    
    .titleGuide
    {
        margin-top: 5vw !important;
    }
    
    titleWylde h1
    {
        padding: 0 !important;
        width: 100% !important;
    }
    
    .titleSection h1
    {
        transform:translate(5%,75%);
        font-size: 6vw;          
    }
    
    .landingPage
    {
        background-image: url(../img/jungle_panorama_blurred.jpg);
        background-size: cover;
        background-position: center;
    
        box-shadow: 10px 10px 5px #888888;
    }
   
    .navbar
    {
        padding-bottom: 2vw;
    }
    
    .navbar-brand
    {
        padding-top: 1.5vw;
        
    }
    
    .navbar-brand img
    {
        width: 25vw;
    }
    
    .navbar-nav
    {
        transform:translate(45%,0%);
        font-size: 2.5vw;
    }
    
    .navbar-text
    {
    
        margin-top: 3vw !important;
        position: absolute !important;
        font-size: 2vw;
    }
    
    .infoText h3
    {
        font-size: 8vw;
    }
    
    .infoText h4
    {
        font-size: 5vw;
    }

	/* Landingpage */
    
    .landingPage img
    {
        background-size: cover;
    }
    
	.landingContent {
		padding:0;
	}
    
    
    .landingLogo
    {
        text-align: center;
    }
    
	.landingLogo img
    {
        transform:translate(0%,150%);
        width: 75vw;
    }
    
	.landingText {
		text-align: center;
	}
    
    .landingText p
    {
        margin-top: 6vw;
        font-size: 20px;
        letter-spacing: 3px;
        
        transform:translate(0%,470%);
    }
    
    .landingText h3
    {
        transform:translate(0%,180%);
        color:white;
         letter-spacing: 2px;
    }
    
    	.infoText {
		text-align: center;
	}
    
    .infoText p
    {
        margin-top: 6vw;
        font-size: 3vw;
        margin-bottom: 6vw;
    }
    
    
	.landingSocial {
		text-align: center;
        margin-top: 60vw;
        padding: 2vw 5vw 2vw 5vw;
    }
    
    .landingSocial img
    {
        width: 10vw;
    }
    
    iframe
    {
        transform:translate(10%,15%);
        box-shadow: 5px 4px 4px #000;
    }
    
    .arrow 
    {
        text-align: center;
        margin-top: 10vw;
    }
    
	/* Page 1 */
	.Page1 
    {
		text-align: center;
	}
    

	.quote 
    {
		text-transform: uppercase;
	}

	.page3 h1
    {
        padding-top: 3vw;
        padding-bottom: 3vw;
        
        text-align: center;
    }

	.youtubePlayer {
		width:100vw;
		height:56.25vw;
	}
    

    .slideText
{
    font-size: 3vw;
}
    
    .page4 h1
    {
        margin-bottom: 5vw;
    }

    table
    {    
        margin-bottom: 6vw;
    }

	.centeredText
	{
		text-align: center;
	}
    
    .endpage h1
    {
        margin-bottom: 10vw;
    }
    
    .endpage h2
    {
        padding-bottom: 5vw;
    }

    input
    {
        padding-top: 3vw;
        padding-bottom: 3vw;
        
        margin-top: 5vw;
        margin-bottom: 5vw;
        
        border-radius: 20vw !important;
    }
    
	.testamonials
    {
		text-align: center;
	}

	.testamonials img
	{
		padding: 7vh;
	}

    .endpage h1
    {
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
    
    
    .whitespace
{
    min-height: 2vw;
}
    

    /* footer */
    
    .footerCompany
    {
        letter-spacing: 3px;
        font-size: 15px;
        transform:translate(3%,0%);
    }
    
    .socialFooter img
    {
        width: 5vw;
    }
    
    .socialFooter
    {
        transform:translate(25%,0%);
    }

    
	.footer img
	{
        margin-bottom: 2vw;
        width: 20vw !important;
	}
    
    .footerTop h3
    {
        line-height: 6vw !important;
        font-size: 14px !important;
    }
    
    .Footer
    {
        padding-top: 1vw;
    }
    
    .Footer p
    {
        font-size: 18px;
    }

    .TopFooter
    {
        text-align: center;
        font-size: 56px;
        
        padding-top: 4vw;
        padding-bottom: 1vw;
        
    }
 .TopFooter h4
    {
        text-align: center;
        font-size: 32px;
        transform:translate(0%,-50%);
    }
    

}


@media (min-width: 1200px) and (max-width: 1920px) {
	
    .bamboo
    {
        transform:translate(-1%,-50%);
        margin:0 !importabnt;
        padding:0;
        width: 100%;
            overflow-x:hidden;
    }
    
    .bamboo img
    {
        width: 100%;
            overflow-x:hidden;
    }
    
    
    .disableSpace
    {
        /*background-image: url(../img/paletteBGSmall.png);
        background-size: 100% 100%;
        */
    }
    
        li p
{
    margin:10px auto !important;
    padding: 0 ;
    width: 90%;
    
}
    #page1 p, #page2 p
    {
        width: 85%;
        margin: 4vw auto !important;
        padding: 1vw;
    }
    
    #page5
    {
        max-height:40vw !important;
    }
    
    .disableSpace
    {
        max-height: 29vw !important;
    }
    
        .owl-carousel img
    {
        width: 30vw !important;
        
    } 
    
    .titleGuide
    {
        transform:translate(6%,20%);
    }
    
    .titleWylde
    {
        transform:translate(5%,0%);
    }
    
    .raceText
    {
        transform:translate(0%,10%);
    }
    #page2
    {
      max-height: 10vw !important;  
    }
    
    .owl-carousel
    {
        padding-top: 5vw;
        padding-bottom: 0 !important;
    }
    
    .slideHeader
    {
        transform:translate(0%, 100%) !important;
    }
    
       .owl-dots
    {
      
    }
    
    .evolutionPicture
    {
        float:right;
        margin:0 !important;
    }
    
    .evolutionPicture img
    {
        width: 100% !important;
        transform:translate(37%,0%);
    }
  
    .owl-next
    {

        width: 3vw !important;
        transform:translate(0%,-125%);
        float:right;
        margin-right: 3vw !important;
        

        font-size: 25px !important;
        
       
    }
    
    .owl-prev
    {
        
        width: 3vw !important;
        transform:translate(0%,-125%);
        float:left;
        margin-left: 3vw !important;
        font-size: 25px !important;
        
       
    }
    
    .technique-slider img
    {
        width: 35% !important;
        transform: translate(-50%);
    }
    
       iframe {
	width:  600px;
	height: 340px;
           
           box-shadow: 5px 5px 5px #000;
           
           transform:translate(15%,-15%);
}
    
     #landingpage {
	min-height: 100vh;
}
    
    
    .whiteBG
    {
        background-color: white !important;
    }
    
   /* Nav */
    
   .titleSection
    {
        background-size: cover;
        background-image: url(../img/scroll%20paper.png);
        font-family: Walter;
        
        padding-bottom: 4.25vw;
    }
    
    .titleSection h1
    {
        transform:translate(5%,75%);
        font-size: 3vw;          
    }
    
    .landingPage
    {
        background-image: url(../img/jungle_panorama_blurred.jpg);
        background-size: cover;
        background-position: center;
    
        box-shadow: 10px 10px 5px #888888;
    }
   
    .navbar
    {
       
    }
    
    .navbar-brand
    {
        
    }
    
    .navbar-brand img
    {
        width: 15vw;
        transform:translate(0%,-25%);
    }
    
    .navbar-nav
    {
        transform:translate(220%,0%);
        font-size: 1.25vw;
    }
    
    .navbar-text
    {

        font-size: 1vw;
    }
    
    .infoText h3
    {
        font-size: 4vw;
    }
    
    .infoText h4
    {
        font-size: 3vw;
    }

	/* Landingpage */
    
    .landingPage img
    {
        background-size: cover;
    }
    
	.landingContent {
		padding:0;
	}
    
    
    .landingLogo
    {
        text-align: center;
    }
    
	.landingLogo img
    {
        transform:translate(0%,150%);
        width: 40vw;
    }
    
	.landingText {
		text-align: center;
	}
    
    .landingText p
    {
        margin-top: 100px;
        font-size: 20px;
        letter-spacing: 3px;
        
        transform:translate(0%,250%);
    }
    
    .landingText h3
    {
        transform:translate(0%,-225%);
        color:white;
         letter-spacing: 2px;
    }
    
    	.infoText {
		text-align: center;
	}
    
    .infoText p
    {
        margin-top: 6vw;
        font-size: 1vw;
        margin-bottom: 6vw;
    }
    
    
	.landingSocial {
		text-align: center;
        margin-top: 0vw;
        padding: 2vw 5vw 2vw 5vw;
    }
    
    .landingSocial img
    {
        width: 6vw;
    }

    
    .landingSocial img:hover
    {
         box-shadow: 10px 10px 20px #000;
    }
    
    
    .raceArt img
    {
        width: 20vw;
        border-radius: 20vw;
    }
    
    .raceimg img
    {
        /*
        border-radius: 10vw;
        */
        
        box-shadow: 10px 10px 10px #000000;
        width: 45vw;
    }
    .raceimg
    {
        /*
        background: radial-gradient(circle, black, black, #e7a1a1); /* Standard syntax */
        /*
        border-radius: 6vw;
        */
        transform:translate(-10%,35%);
        
    }
    
    .arrow 
    {
        text-align: center;
        margin-left: 25vw;
    }
    
	/* Page 1 */
	.Page1 
    {
		text-align: center;
	}
    

	.slideHeader
    {
        transform: translate(0%,300%);
    }
    
    .slideText
{
   
    font-size: 1vw;
    width:40%;
    height: 20%;
}
    
    .slideText h3
    {
        color: black;
        transform:translate(0%,-30%);
    }
    
    .technique-slider
    {
        transform:translate(0%,-5%);
    }
    
    .technique-slider .slideText
    {
        padding:0 !important;
        margin:0 !important;
    
        background-size: contain;
        height: 8.6vw;
        transform:translate(0%,40%);
        
    }
    
    .technique-slider .slideText p
    {
        
        transform:translate(0%,-80%);
        
    }

     .disableSpace
    {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
        bottom: 0px !important;
        position: relative;
    }
 
    /* footer */
    
    .footerCompany
    {
        letter-spacing: 3px;
        font-size: 15px;
        transform:translate(3%,0%);
    }
    
    .socialFooter img
    {
        width: 5vw;
    }
    
    .socialFooter
    {
        transform:translate(240%,0%);
    }

    
	.footer img
	{
        margin-bottom: 2vw;
        width: 20vw !important;
	}
    
    .footerTop h3
    {
        line-height: 6vw !important;
        font-size: 14px !important;
    }
    
    .Footer
    {
        padding-top: 1vw;
    }
    
    .Footer p
    {
        font-size: 18px;
    }
    
    .TopFooter
    {
        text-align: center;
        font-size: 52px;
        
        padding-top: 3.5vw;        padding-bottom: 1vw;
        
    }
 .TopFooter h4
    {
        text-align: center;
        font-size: 22px;
        transform:translate(0%,-50%);
    }
    
    .slideText
{
    font-size: 1.25vw !important;
    transform:translate(0%,40%);
}

.slideText p
{
    transform:translate(0%,-15%);
}

.slideText h3
{
    font-family: bubbleGum;
    font-size: 2.5vw;
}
    
    #page5 {
    background-color: #59603b;
    background-image: url(../img/Website_Tile2.png),-webkit-linear-gradient(#59603b, #effaa3, #fffff2);
    background-size: 50% 100%;
    background-blend-mode: multiply;
        min-height: 50vw !important;

}
    
    #page5 .owl-carousel img
    {
        width: 55% !important;
        transform:translate(27.5%,0%);
    }
    
    #page5 .titleSection
    {
        margin-top: 2% !important;
        transform:translate(50%,0%);
        text-align: center;
    }
    
    #page5 .titleSection h1
    {
        transform:translate(0%,70%) !important;
    }
    
    .championPicture img
    {
        transform:translate(9%,0%) !important;
    }

}

@media (min-width: 1920px) and (max-width: 2100px)
{
    
     
     .bamboo
    {
        transform:translate(-1%,-50%);
        margin:0 !importabnt;
        padding:0;
        width: 100%;
            overflow-x:hidden;
    }
    
    .bamboo img
    {
        width: 100%;
            overflow-x:hidden;
    }
    
    
    .disableSpace
    {
        /*background-image: url(../img/paletteBGSmall.png);
        background-size: 100% 100%;
        */
    }
    
        li p
{
    margin:10px auto !important;
    padding: 0 ;
    width: 90%;
    
}
    #page1 p, #page2 p
    {
        width: 85%;
        margin: 4vw auto !important;
        padding: 1vw;
    }
    
    #page5
    {
        max-height:40vw !important;
    }
    
    .disableSpace
    {
        max-height: 29vw !important;
    }
    
        .owl-carousel img
    {
        width: 30vw !important;
        
    } 
    
    .titleGuide
    {
        transform:translate(6%,20%);
    }
    
    .titleWylde
    {
        transform:translate(5%,0%);
    }
    
    .raceText
    {
        transform:translate(0%,10%);
    }
    #page2
    {
      max-height: 10vw !important;  
    }
    
    .owl-carousel
    {
        padding-top: 5vw;
        padding-bottom: 0 !important;
    }
    
    .slideHeader
    {
        transform:translate(0%, 100%) !important;
    }
    
       .owl-dots
    {
      
    }
    
    .evolutionPicture
    {
        float:right;
        margin:0 !important;
    }
    
    .evolutionPicture img
    {
        width: 100% !important;
        transform:translate(37%,0%);
    }
  
    .owl-next
    {

        width: 3vw !important;
        transform:translate(0%,-125%);
        float:right;
        margin-right: 3vw !important;
        

        font-size: 25px !important;
        
       
    }
    
    .owl-prev
    {
        
        width: 3vw !important;
        transform:translate(0%,-125%);
        float:left;
        margin-left: 3vw !important;
        font-size: 25px !important;
        
       
    }
    
    .technique-slider img
    {
        width: 35% !important;
        transform: translate(-50%);
    }
    
       iframe {
	width:  600px;
	height: 340px;
           
           box-shadow: 5px 5px 5px #000;
           
           transform:translate(15%,-15%);
}
    
     #landingpage {
	min-height: 100vh;
}
    
    
    .whiteBG
    {
        background-color: white !important;
    }
    
   /* Nav */
    
   .titleSection
    {
        background-size: cover;
        background-image: url(../img/scroll%20paper.png);
        font-family: Walter;
        
        padding-bottom: 4.25vw;
    }
    
    .titleSection h1
    {
        transform:translate(5%,75%);
        font-size: 3vw;          
    }
    
    .landingPage
    {
        background-image: url(../img/jungle_panorama_blurred.jpg);
        background-size: cover;
        background-position: center;
    
        box-shadow: 10px 10px 5px #888888;
    }
   
    .navbar
    {
       
    }
    
    .navbar-brand
    {
        
    }
    
    .navbar-brand img
    {
        width: 15vw;
        transform:translate(0%,-25%);
    }
    
    .navbar-nav
    {
        transform:translate(220%,0%);
        font-size: 1.25vw;
    }
    
    .navbar-text
    {

        font-size: 1vw;
    }
    
    .infoText h3
    {
        font-size: 4vw;
    }
    
    .infoText h4
    {
        font-size: 3vw;
    }

	/* Landingpage */
    
    .landingPage img
    {
        background-size: cover;
    }
    
	.landingContent {
		padding:0;
	}
    
    
    .landingLogo
    {
        text-align: center;
    }
    
	.landingLogo img
    {
        transform:translate(0%,100%);
        width: 40vw;
    }
    
	.landingText {
		text-align: center;
	}
    
    .landingText p
    {
        margin-top: 100px;
        font-size: 40px;
        letter-spacing: 3px;
        
        transform:translate(0%,200%);
    }
    
    .landingText h3
    {
        transform:translate(0%,-50%);
        color:white;
         letter-spacing: 2px;
    }
    
    	.infoText {
		text-align: center;
	}
    
    .infoText p
    {
        margin-top: 6vw;
        font-size: 1vw;
        margin-bottom: 6vw;
    }
    
    
	.landingSocial {
		text-align: center;
        margin-top: 0vw;
        padding: 2vw 5vw 2vw 5vw;
    }
    
    .landingSocial img
    {
        width: 7vw;
    }

    
    .landingSocial img:hover
    {
         box-shadow: 10px 10px 20px #000;
    }
    
    
    .raceArt img
    {
        width: 20vw;
        border-radius: 20vw;
    }
    
    .raceimg img
    {
        /*
        border-radius: 10vw;
        */
        
        box-shadow: 10px 10px 10px #000000;
        width: 45vw;
    }
    .raceimg
    {
        /*
        background: radial-gradient(circle, black, black, #e7a1a1); /* Standard syntax */
        /*
        border-radius: 6vw;
        */
        transform:translate(-10%,35%);
        
    }
    
    .arrow 
    {
        text-align: center;
        margin-left: 25vw;
    }
    
	/* Page 1 */
	.Page1 
    {
		text-align: center;
	}
    

	.slideHeader
    {
        transform: translate(0%,300%);
    }
    
    .slideText
{
   
    font-size: 1vw;
    width:40%;
    height: 20%;
}
    
    .slideText h3
    {
        color: black;
        transform:translate(0%,-30%);
    }
    
    .technique-slider
    {
        transform:translate(0%,-5%);
    }
    
    .technique-slider .slideText
    {
        padding:0 !important;
        margin:0 !important;
    
        background-size: contain;
        height: 8.8vw;
        transform:translate(0%,40%);
        
    }
    
    .technique-slider .slideText p
    {
        
        transform:translate(0%,-80%);
    }

     .disableSpace
    {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
        bottom: 0px !important;
        position: relative;
    }
 
    /* footer */
    
    .footerCompany
    {
        letter-spacing: 3px;
        font-size: 15px;
        transform:translate(3%,0%);
    }
    
    .socialFooter img
    {
        width: 5vw;
    }
    
    .socialFooter
    {
        transform:translate(240%,0%);
    }

    
	.footer img
	{
        margin-bottom: 2vw;
        width: 20vw !important;
	}
    
    .footerTop h3
    {
        line-height: 6vw !important;
        font-size: 14px !important;
    }
    
    .Footer
    {
        padding-top: 1vw;
    }
    
    .Footer p
    {
        font-size: 18px;
    }
    
    .TopFooter
    {
        text-align: center;
        font-size: 52px;
        
        padding-top: 3.5vw;        
        padding-bottom: 1vw;
        
    }
 .TopFooter h4
    {
        text-align: center;
        font-size: 22px;
        transform:translate(0%,-50%);
    }
    
    .slideText
{
    font-size: 1.25vw !important;
    transform:translate(0%,40%);
}

.slideText p
{
    transform:translate(0%,-15%);
}

.slideText h3
{
    font-family: bubbleGum;
    font-size: 2.5vw;
}
    
    #page5 {
    background-color: #59603b;
    background-image: url(../img/Website_Tile2.png),-webkit-linear-gradient(#59603b, #effaa3, #fffff2);
    background-size: 50% 100%;
    background-blend-mode: multiply;
        min-height: 50vw !important;

}
    
    #page5 .owl-carousel img
    {
        width: 55% !important;
        transform:translate(27.5%,0%);
    }
    
    #page5 .titleSection
    {
        margin-top: 2% !important;
        transform:translate(50%,0%);
        text-align: center;
    }
    
    #page5 .titleSection h1
    {
        transform:translate(0%,70%) !important;
    }
    
    .championPicture img
    {
        transform:translate(9%,0%) !important;
    }

    .titleWylde h1
    {
        width: 500px !important;
    }
    
}


@media (min-width: 2100px)
{
    
   
     .bamboo
    {
        transform:translate(-1%,-50%);
        margin:0 !importabnt;
        padding:0;
        width: 100%;
            overflow-x:hidden;
    }
    
    .bamboo img
    {
        width: 100%;
            overflow-x:hidden;
    }
    
    
    .disableSpace
    {
        /*background-image: url(../img/paletteBGSmall.png);
        background-size: 100% 100%;
        */
    }
    
        li p
{
    margin:10px auto !important;
    padding: 0 ;
    width: 90%;
    
}
    #page1 p, #page2 p
    {
        width: 85%;
        margin: 4vw auto !important;
        padding: 1vw;
    }
    
    #page5
    {
        max-height:40vw !important;
    }
    
    .disableSpace
    {
        max-height: 29vw !important;
    }
    
        .owl-carousel img
    {
        width: 30vw !important;
        
    } 
    
    .titleGuide
    {
        transform:translate(6%,20%);
    }
    
    .titleWylde
    {
        transform:translate(5%,0%);
    }
    
    .raceText
    {
        transform:translate(0%,10%);
    }
    #page2
    {
      max-height: 10vw !important;  
    }
    
    .owl-carousel
    {
        padding-top: 5vw;
        padding-bottom: 0 !important;
    }
    
    .slideHeader
    {
        transform:translate(0%, 100%) !important;
    }
    
       .owl-dots
    {
      
    }
    
    .evolutionPicture
    {
        float:right;
        margin:0 !important;
    }
    
    .evolutionPicture img
    {
        width: 100% !important;
        transform:translate(37%,0%);
    }
  
    .owl-next
    {

        width: 3vw !important;
        transform:translate(0%,-125%);
        float:right;
        margin-right: 3vw !important;
        

        font-size: 25px !important;
        
       
    }
    
    .owl-prev
    {
        
        width: 3vw !important;
        transform:translate(0%,-125%);
        float:left;
        margin-left: 3vw !important;
        font-size: 25px !important;
        
       
    }
    
    .technique-slider img
    {
        width: 35% !important;
        transform: translate(-50%);
    }
    
       iframe {
	width:  600px;
	height: 340px;
           
           box-shadow: 5px 5px 5px #000;
           
           transform:translate(15%,-15%);
}
    
     #landingpage {
	min-height: 100vh;
}
    
    
    .whiteBG
    {
        background-color: white !important;
    }
    
   /* Nav */
    
   .titleSection
    {
        background-size: cover;
        background-image: url(../img/scroll%20paper.png);
        font-family: Walter;
        
        padding-bottom: 4.25vw;
    }
    
    .titleSection h1
    {
        transform:translate(5%,75%);
        font-size: 3vw;          
    }
    
    .landingPage
    {
        background-image: url(../img/jungle_panorama_blurred.jpg);
        background-size: cover;
        background-position: center;
    
        box-shadow: 10px 10px 5px #888888;
    }
   
    .navbar
    {
       
    }
    
    .navbar-brand
    {
        
    }
    
    .navbar-brand img
    {
        width: 15vw;
        transform:translate(0%,-25%);
    }
    
    .navbar-nav
    {
        transform:translate(220%,0%);
        font-size: 1.25vw;
    }
    
    .navbar-text
    {

        font-size: 1vw;
    }
    
    .infoText h3
    {
        font-size: 4vw;
    }
    
    .infoText h4
    {
        font-size: 3vw;
    }

	/* Landingpage */
    
    .landingPage img
    {
        background-size: cover;
    }
    
	.landingContent {
		padding:0;
	}
    
    
    .landingLogo
    {
        text-align: center;
    }
    
	.landingLogo img
    {
        transform:translate(0%,100%);
        width: 40vw;
    }
    
	.landingText {
		text-align: center;
	}
    
    .landingText p
    {
        margin-top: 100px;
        font-size: 40px;
        letter-spacing: 3px;
        
        transform:translate(0%,200%);
    }
    
    .landingText h3
    {
        transform:translate(0%,-50%);
        color:white;
         letter-spacing: 2px;
    }
    
    	.infoText {
		text-align: center;
	}
    
    .infoText p
    {
        margin-top: 6vw;
        font-size: 1vw;
        margin-bottom: 6vw;
    }
    
    
	.landingSocial {
		text-align: center;
        margin-top: 0vw;
        padding: 2vw 5vw 2vw 5vw;
    }
    
    .landingSocial img
    {
        width: 7vw;
    }

    
    .landingSocial img:hover
    {
         box-shadow: 10px 10px 20px #000;
    }
    
    
    .raceArt img
    {
        width: 20vw;
        border-radius: 20vw;
    }
    
    .raceimg img
    {
        /*
        border-radius: 10vw;
        */
        
        box-shadow: 10px 10px 10px #000000;
        width: 45vw;
    }
    .raceimg
    {
        /*
        background: radial-gradient(circle, black, black, #e7a1a1); /* Standard syntax */
        /*
        border-radius: 6vw;
        */
        transform:translate(-10%,35%);
        
    }
    
    .arrow 
    {
        text-align: center;
        margin-left: 25vw;
    }
    
	/* Page 1 */
	.Page1 
    {
		text-align: center;
	}
    

	.slideHeader
    {
        transform: translate(0%,300%);
    }
    
    .slideText
{
   
    font-size: 1vw;
    width:40%;
    height: 20%;
}
    
    .slideText h3
    {
        color: black;
        transform:translate(0%,-30%);
    }
    
    .technique-slider
    {
        transform:translate(0%,-5%);
    }
    
    .technique-slider .slideText
    {
        padding:0 !important;
        margin:0 !important;
    
        background-size: contain;
        height: 8.8vw;
        transform:translate(0%,40%);
        
    }
    
    .technique-slider .slideText p
    {
        
        transform:translate(0%,-80%);
    }

     .disableSpace
    {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
        bottom: 0px !important;
        position: relative;
    }
 
    /* footer */
    
    .footerCompany
    {
        letter-spacing: 3px;
        font-size: 15px;
        transform:translate(3%,0%);
    }
    
    .socialFooter img
    {
        width: 5vw;
    }
    
    .socialFooter
    {
        transform:translate(240%,0%);
    }

    
	.footer img
	{
        margin-bottom: 2vw;
        width: 20vw !important;
	}
    
    .footerTop h3
    {
        line-height: 6vw !important;
        font-size: 14px !important;
    }
    
    .Footer
    {
        padding-top: 1vw;
    }
    
    .Footer p
    {
        font-size: 18px;
    }
    
    .TopFooter
    {
        text-align: center;
        font-size: 52px;
        
        padding-top: 3.5vw;        
        padding-bottom: 1vw;
        
    }
 .TopFooter h4
    {
        text-align: center;
        font-size: 22px;
        transform:translate(0%,-50%);
    }
    
    .slideText
{
    font-size: 1.25vw !important;
    transform:translate(0%,40%);
}

.slideText p
{
    transform:translate(0%,-15%);
}

.slideText h3
{
    font-family: bubbleGum;
    font-size: 2.5vw;
}
    
    #page5 {
    background-color: #59603b;
    background-image: url(../img/Website_Tile2.png),-webkit-linear-gradient(#59603b, #effaa3, #fffff2);
    background-size: 50% 100%;
    background-blend-mode: multiply;
        min-height: 50vw !important;

}
    
    #page5 .owl-carousel img
    {
        width: 55% !important;
        transform:translate(27.5%,0%);
    }
    
    #page5 .titleSection
    {
        margin-top: 2% !important;
        transform:translate(50%,0%);
        text-align: center;
    }
    
    #page5 .titleSection h1
    {
        transform:translate(0%,70%) !important;
    }
    
    .championPicture img
    {
        transform:translate(9%,0%) !important;
    }

    .titleWylde h1
    {
        width: 500px !important;
    }
   
}
/* CSS */