/* --------------------------------------
=========================================
RESPONSIVE FIXES
=========================================
-----------------------------------------*/
/*@media (max-width: 1199px) {

}*/

/*@media (max-width: 991px) {

}*/

/*@media (max-width: 767px) {

}*/

/*@media (max-width: 600px) {

}*/

@media (max-width: 480px) {
	.bt-menu-trigger {
		bottom: .75vh;
	}
	span.chapters {
	  bottom: 2.5vh;
	}
	#welcome .menuBarContainer .slideNav img.prevArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
	#welcome .menuBarContainer .slideNav {
	  bottom: 1vh;
	}
	#welcome .menuBarContainer .slideNav.triggeredCSS3 {
	  bottom: 1vh;
	  animation: navPopUp 9.5s;
	  -moz-animation: navPopUp 9.5s;
	  -webkit-animation: navPopUp 9.5s;
	  -o-animation: navPopUp 9.5s;
	  -ms-animation: navPopUp 9.5s;
	}
	#welcome .menuBarContainer .slideNav span.slideNavText {
	  font-family: 'source_sans_prosemibold', sans-serif;
	  font-size: 2vh;
	  line-height: 7vh;
	  letter-spacing: .3875vh;
	  color: #ffffff;
	}
	#welcome .menuBarContainer .slideNav img.nextArrow, #welcome .menuBarContainer .slideNav img.nextChArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
	#welcome h2 {
	    font-family: 'source_sans_prolight', sans-serif;
	    font-size: 9vw;
	    color: #cb3338;
	    line-height: 9vw;
	    margin: 0;
	}
	#welcome .firstSlide #element-animationM
	{
	    position: relative;
	    overflow: hidden;
	    width: 200vw;
	    height: 60vh;
	    z-index: -1;
	    min-height: 100%;
	    top: 40vh;
	    transform: translate(50%,0px);
	    -moz-transform:  translate(50%,0px);
	    -webkit-transform:  translate(50%,0px);
	    -o-transform:  translate(50%,0px);
	    -ms-transform:  translate(50%,0px);
	  animation: animation2FramesM linear 6.5s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	  -webkit-animation: animation2FramesM linear 6.5s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: animation2FramesM linear 6.5s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: animation2FramesM linear 6.5s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: animation2FramesM linear 6.5s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	}
	#welcome .firstSlide #element-animationM:before {
	    content: "";
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    z-index: -1;
	    background: url('../images/fresh-perspective.jpg') 0 0 no-repeat;
	    background-size: cover;
	    background-position: 50% 160%;
	    transform: translate(-30vw,-42vh) rotate(-90deg) ;
	    -moz-transform:  translate(-30vw,-42vh) rotate(-90deg) ;
	    -webkit-transform:  translate(-30vw,-42vh) rotate(-90deg) ;
	    -o-transform:  translate(-30vw,-42vh) rotate(-90deg) ;
	    -ms-transform:  translate(-30vw,-42vh) rotate(-90deg) ;
		animation: animationFramesM linear 5s;
		animation-iteration-count: 1;
		transform-origin: 50% 50%;
		-webkit-animation: animationFramesM linear 5s;
		-webkit-animation-iteration-count: 1;
		-webkit-transform-origin: 50% 50%;
		-moz-animation: animationFramesM linear 5s;
		-moz-animation-iteration-count: 1;
		-moz-transform-origin: 50% 50%;
		-o-animation: animationFramesM linear 5s;
		-o-animation-iteration-count: 1;
		-o-transform-origin: 50% 50%;
		-ms-animation: animationFramesM linear 5s;
		-ms-animation-iteration-count: 1;
		-ms-transform-origin: 50% 50%;
	}
	#welcome .firstSlide .openingMessageContainer {
	    top: 14vh;
	    left: 10vw;
	}
	#welcome .logo-animation {
	  width: 30vw;
	  transform: translate(-15vw,-5vh) scale(1,1);
	  -moz-transform:  translate(-15vw,-5vh) scale(1,1);
	  -webkit-transform:  translate(-15vw,-5vh) scale(1,1);
	  -o-transform:  translate(-15vw,-5vh) scale(1,1);
	  -ms-transform:  translate(-15vw,-5vh) scale(1,1);
	}
	#welcome .logo-animation.triggeredCSS3 {
	  width: 30vw;
	  transform: translate(-15vw,-5vh) scale(1,1);
	  -moz-transform:  translate(-15vw,-5vh) scale(1,1);
	  -webkit-transform:  translate(-15vw,-5vh) scale(1,1);
	  -o-transform:  translate(-15vw,-5vh) scale(1,1);
	  -ms-transform:  translate(-15vw,-5vh) scale(1,1);
	  animation: logoFrames linear 5s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	  -webkit-animation: logoFrames linear 5s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: logoFrames linear 5s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: logoFrames linear 5s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: logoFrames linear 5s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	}
	#welcome .firstSlide .message1Container {
	    position: absolute;
	    top: 14vh;
	    left: 5vw;
	}
	#welcome .firstSlide .message1Container h2.message1Line1, #welcome .firstSlide .message1Container h2.message1Line2, #welcome .firstSlide .message1Container h2.message1Line3, #welcome .firstSlide .message1Container h2.message1Line4 {
	    font-size: 12vw;
	    line-height: 12vw;
	}
	#welcome .firstSlide .openingTextLine1 {
	    -webkit-animation: textFade 7s;
	    -moz-animation: textFade 7s;
	    -o-animation: textFade 7s;
	    -ms-animation: textFade 7s;
	    animation: textFade 7s;
	}
	#welcome .firstSlide .openingTextLine2 {
	    -webkit-animation: textFade 7s;
	    -moz-animation: textFade 7s;
	    -o-animation: textFade 7s;
	    -ms-animation: textFade 7s;
	    animation: textFade 7s;
	}
	#welcome .firstSlide .openingTextLine3 {
	    -webkit-animation: textFade 7s;
	    -moz-animation: textFade 7s;
	    -o-animation: textFade 7s;
	    -ms-animation: textFade 7s;
	    animation: textFade 7s;
	}
	#welcome .firstSlide .openingTextLine4 {
	    -webkit-animation: textFade 7s;
	    -moz-animation: textFade 7s;
	    -o-animation: textFade 7s;
	    -ms-animation: textFade 7s;
	    animation: textFade 7s;
	}
	#welcome .firstSlide h2.message1Line5 {
	    font-size: 7vw;
	    line-height: 7vw;
	    margin: 5vw 0 0 0;
	}
	#welcome .firstSlide .blueArrows {
	  animation: blueArrowsFrames linear 8s;
	  -webkit-animation: blueArrowsFrames linear 8s;
	  -moz-animation: blueArrowsFrames linear 8s;
	  -o-animation: blueArrowsFrames linear 8s;
	  -ms-animation: blueArrowsFrames linear 8s;
	}
	#welcome .firstSlide .message1Line1 {
	    -webkit-animation: textFadeIn 8.5s;
	    -moz-animation: textFadeIn 8.5s;
	    -o-animation: textFadeIn 8.5s;
	    -ms-animation: textFadeIn 8.5s;
	    animation: textFadeIn 8.5s;
	}
	#welcome .firstSlide .message1Line2 {
	    -webkit-animation: textFadeIn 9s;
	    -moz-animation: textFadeIn 9s;
	    -o-animation: textFadeIn 9s;
	    -ms-animation: textFadeIn 9s;
	    animation: textFadeIn 9s;
	}
	#welcome .firstSlide .message1Line3 {
	    -webkit-animation: textFadeIn 9.5s;
	    -moz-animation: textFadeIn 9.5s;
	    -o-animation: textFadeIn 9.5s;
	    -ms-animation: textFadeIn 9.5s;
	    animation: textFadeIn 9.5s;
	}
	#welcome .firstSlide .message1Line4 {
	    -webkit-animation: textFadeIn 10s;
	    -moz-animation: textFadeIn 10s;
	    -o-animation: textFadeIn 10s;
	    -ms-animation: textFadeIn 10s;
	    animation: textFadeIn 10s;
	}
	#welcome .firstSlide h2.message1Line5 {
	    -webkit-animation: textFadeIn 10.5s;
	    -moz-animation: textFadeIn 10.5s;
	    -o-animation: textFadeIn 10.5s;
	    -ms-animation: textFadeIn 10.5s;
	    animation: textFadeIn 10.5s;
	}
	#welcome .firstSlide .clickArrowContainer {
	    position: absolute;
	    top: 60vh;
	    left: 70vw;
	    width: 20vw;
	}
	#welcome .firstSlide .clickArrowContainer img {
	  -webkit-animation: clickArrowFadeIn 9.5s;
	  -moz-animation: clickArrowFadeIn 9.5s;
	  -o-animation: clickArrowFadeIn 9.5s;
	  -ms-animation: clickArrowFadeIn 9.5s;
	  animation: clickArrowFadeIn 9.5s;
	}



  @keyframes logoFrames{
    0% {
      transform: translate(-47vw,20vh) scale(2,2);
    }
    25% {
      transform: translate(-47vw,20vh) scale(2,2);
    }
    50% {
      transform: translate(-47vw,0px) scale(2,2);
    }
    100% {
      transform: translate(-15vw,-5vh) scale(1,1);
    }
  }
  @-moz-keyframes logoFrames{
    0% {
      -moz-transform: translate(-47vw,20vh) scale(2,2);
    }
    25% {
      -moz-transform: translate(-47vw,20vh) scale(2,2);
    }
    50% {
      -moz-transform: translate(-47vw,0px) scale(2,2);
    }
    100% {
      -moz-transform: translate(-15vw,-5vh) scale(1,1);
    }
  }
  @-webkit-keyframes logoFrames {
    0% {
      -webkit-transform: translate(-47vw,20vh) scale(2,2);
    }
    25% {
      -webkit-transform: translate(-47vw,20vh) scale(2,2);
    }
    50% {
      -webkit-transform: translate(-47vw,0px) scale(2,2);
    }
    100% {
      -webkit-transform: translate(-15vw,-5vh) scale(1,1);
    }
  }
  @-o-keyframes logoFrames {
    0% {
      -o-transform: translate(-47vw,20vh) scale(2,2);
    }
    25% {
      -o-transform: translate(-47vw,20vh) scale(2,2);
    }
    50% {
      -o-transform: translate(-47vw,0px) scale(2,2);
    }
    100% {
      -o-transform: translate(-15vw,-5vh) scale(1,1);
    }
  }
  @-ms-keyframes logoFrames {
    0% {
      -ms-transform: translate(-47vw,20vh) scale(2,2);
    }
    25% {
      -ms-transform: translate(-47vw,20vh) scale(2,2);
    }
    50% {
      -ms-transform: translate(-47vw,0px) scale(2,2);
    }
    100% {
      -ms-transform: translate(-15vw,-5vh) scale(1,1);
    }
  }


/*------------------------------------------------------------------------------
   SECTION:  Scene 1 Slide2
--------------------------------------------------------------------------------*/
	#welcome .secondSlide .teamTrackCreationContainer {
	  top: 10vh;
	  left: 9%;
	  text-align: center;
	  width: 82%;
	}
	#welcome .secondSlide .s1headlineContainer {
	  left: 8.41874%;
	  top: 12vh;
	}
	#welcome .secondSlide .s1headlineContainer h2 {
		font-size: 6vw;
		line-height: 6.5vw;
		margin-right: 7vw;
	}
	#welcome .secondSlide .trackStepsContainer {
	  top: 14vh;
	  left: 2%;
	}
	#welcome .secondSlide .trackStepsContainer ul.trackSteps {
	    font-size: 5vw;
	    line-height: 5.5vw;
	    margin-top: .5vh;
	}
	#welcome .secondSlide .trackStepsContainer ul.trackSteps li {
		margin-bottom: 1vh;
	}
	#welcome .secondSlide .trackStepsContainer ul.trackSteps li.whitebox1, #welcome .secondSlide .trackStepsContainer ul.trackSteps li.whitebox2, #welcome .secondSlide .trackStepsContainer ul.trackSteps li.whitebox3 {
	  max-width: 100%;
	}
	#welcome .secondSlide .trackStepsContainer ul.trackSteps li h3 {
	    font-size: 5vw;
	    line-height: 5.5vw;
	    margin: 0 7vw 0 0;
	}
	#welcome .secondSlide .footlineContainer {
		position: absolute;
		left: 8.41874%;
		top: 73vh;
	}
	#welcome .secondSlide .footlineContainer h2{
		font-size: 6vw;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 1 Slide3
--------------------------------------------------------------------------------*/
	#welcome .thirdSlide .s2headlineContainer {
		display: block;
	}
	#welcome .thirdSlide .s2headlineContainer h2 {
	    font-size: 10vw;
	    line-height: 10vw;
	    margin: 12vh 0 0 0;
	}
	#welcome .thirdSlide .backgroundGlobe {
	  position: relative;
	  display: block;
	  height: auto;
	  min-height: 0;
	  top: 3vh;
	  left: 15%;
	}
	#welcome .thirdSlide .backgroundGlobe img.globe {
	  width: 70%;
	}
	#welcome .thirdSlide .subheadContainer {
		top: 10vw;
	}
	#welcome .thirdSlide .subheadContainer h2 {
	    font-size: 6vw;
	    line-height: 6vw;
	    margin: 0 15% 0 15%;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 1 Slide4
--------------------------------------------------------------------------------*/
	#welcome .fourthSlide .headlineContainer h2.s3headline {
	  font-size: 8vw;
	  line-height: 8vw;
	  margin: 18vh 8% 0 8%;
	}

	#welcome .fourthSlide .subheadContainer h2.s3subheadline {
	  font-size: 8.91vw;
	  line-height: 8.91vw;
	  margin: 5vh 8% 0 8%;
	}
	#welcome .fourthSlide .s3buttonContainer {
	  width: 70%;
	  left: 15%;
	  top: 7vh;
	}
	#welcome .fourthSlide .backgroundGlobe {
	  top: 14vh;
	  left: 10%;
	  opacity: .8;
	}
	#welcome .fourthSlide .backgroundGlobe img.s3globe {
	  width: 80%;
	}
/*---------------------------------------
=========================================
   SECTION:  Second Section
=========================================
-----------------------------------------*/
	#secondChapter .headline2Container {
	  top: 1vh;
	  left: 4vw;
	}
	#secondChapter .headline2Container img.headImg {
	  width: 45%;
	}
	#secondChapter .headline2Container img.headImg.triggeredCSS3 {
	  width: 45%;
	  -webkit-animation: stextFadeInM 7s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: stextFadeInM 7s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: stextFadeInM 7s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: stextFadeInM 7s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	  animation: stextFadeInM 7s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	}
	#secondChapter .menuBarContainer .slideNav, #secondChapter .menuBarContainer .slideNav.triggeredCSS3 {
		bottom: 1vh;
	}
	#secondChapter .menuBarContainer .slideNav img.prevArrow, #secondChapter .menuBarContainer .slideNav img.ch2prevChArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
	#secondChapter .menuBarContainer .slideNav span.slideNavText {
	  font-size: 2vh;
	  line-height: 7vh;
	  letter-spacing: .3875vh;
	}
	#secondChapter .menuBarContainer .slideNav img.nextArrow, #secondChapter .menuBarContainer .slideNav img.ch2nextChArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
	#secondChapter .logoContainer {
	  top: 2vh;
	  left: 65vw;
	}
	#secondChapter .logo-animation{
	  width: 30vw;
	}
	#secondChapter .menuBarContainer img.menuBar {
	    opacity: 1;
	}


	#secondChapter .firstSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#secondChapter .firstSlide .headlineContainer .mainheadline {
		margin-top: 7vh;
	}
	#secondChapter .firstSlide .headlineContainer .mainheadline h2 {
	  font-size: 15vw;
	  line-height: 15vw;
	  margin: 0;
	}
	#secondChapter .firstSlide .headlineContainer .subheadline h2 {
	  font-family: 'source_sans_prolight', sans-serif;
	  font-size: 9vw;
	  line-height: 9vw;
	  margin: 0;
	}
	#secondChapter .firstSlide .bigArrowContainer {
	  transform: translate(-30vw,0px);
	  -moz-transform: translate(-30vw,0px);
	  -webkit-transform: translate(-30vw,0px);
	  -o-transform: translate(-30vw,0px);
	  -ms-transform: translate(-30vw,0px);
	  animation: bigBlueArrowFramesM linear 4s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	  -webkit-animation: bigBlueArrowFramesM linear 4s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: bigBlueArrowFramesM linear 4s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: bigBlueArrowFramesM linear 4s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: bigBlueArrowFramesM linear 4s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	}
	#secondChapter .firstSlide .sceneContent {
	  top: 15vh;
	  height: 75vh;
	}
	#secondChapter .firstSlide .sceneContent p {
	  font-size: 9vw;
	  line-height: 9.5vw;
	  margin-left: 6vw;
	  margin-top: 8vh;
	  max-width: 75vw;
	}
	#secondChapter .firstSlide .sceneContent img {
	  left: 100vw;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 2 Slide2
--------------------------------------------------------------------------------*/
	#secondChapter .secondSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#secondChapter .secondSlide .bigArrowContainer {
	  left: 24%;
	}
	#secondChapter .secondSlide .sceneContent {
	  height: 75vh;
	}
	#secondChapter .secondSlide .sceneContent .eye {
	  /*width: 9.66325vw;*/
	  width: 18vw;
	  margin-left: 8vw;
	  margin-top: 11vh;
	}
	#secondChapter .secondSlide .sceneContent .team {
	  /*width: 24.816984vw;*/
	  width: 46.227275vw;
	  margin-top: 10vh;
	}
	#secondChapter .secondSlide .sceneContent .meetTeam {
	  font-size: 15vw;
	  line-height: 15.5vw;
	  margin-left: 8vw;
	  margin-top: 4vh;
	}
	#secondChapter .secondSlide .sceneContent .face .woman {
	  left: 65vw;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 2 Slide3
--------------------------------------------------------------------------------*/
	#secondChapter .thirdSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#secondChapter .thirdSlide .sceneContent {
	  height: 75vh;
	}
	#secondChapter .thirdSlide .sceneContent .iconContainer {
	  text-align: left;
	}
	#secondChapter .thirdSlide .sceneContent .iconContainer .icon1 {
	  width: 80%;
	  margin-top: 10vh;
	  margin-right: 0;
	  margin-left: 10%;
	}
	#secondChapter .thirdSlide .sceneContent h2.s2headline {
	  font-size: 10vw;
	  line-height: 6vw;
	  margin-top: 6vh;
	  margin-left: 4vw;
	}
	#secondChapter .thirdSlide .sceneContent h3.s2subheadline, #secondChapter .thirdSlide .sceneContent h3.s2subheadline2, #secondChapter .thirdSlide .sceneContent h3.s2subheadline3 {
	  font-size: 5.75vw;
	  line-height: 5.875vw;
	  margin-left: 4vw;
	  margin-top: 0;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 2 Slide4
--------------------------------------------------------------------------------*/
	#secondChapter .fourthSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#secondChapter .fourthSlide .sceneContent {
	  height: 75vh;
	}
	#secondChapter .fourthSlide .sceneContent .iconContainer {
	  text-align: left;
	}
	#secondChapter .fourthSlide .sceneContent .iconContainer .icon2 {
	  width: 50%;
	  margin-top: 6vh;
	  margin-right: 0;
	  margin-left: 20%;
	}
	#secondChapter .fourthSlide .sceneContent h2.s3headline {
	  font-size: 10vw;
	  line-height: 6vw;
	  margin-top: 4vh;
	  margin-left: 4vw;
	}
	#secondChapter .fourthSlide .sceneContent h3.s3subheadline {
	  font-size: 5.75vw;
	  line-height: 5.875vw;
	  margin-left: 4vw;
	  margin-top: 0;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 2 Slide5
--------------------------------------------------------------------------------*/
	#secondChapter .fifthSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#secondChapter .fifthSlide .sceneContent {
	  height: 75vh;
	}
	#secondChapter .fifthSlide .sceneContent .iconContainer {
	  text-align: left;
	}
	#secondChapter .fifthSlide .sceneContent .iconContainer .icon3 {
	  width: 80%;
	  margin-top: 6vh;
	  margin-right: 0;
	  margin-left: 10%;
	}
	#secondChapter .fifthSlide .sceneContent h2.s4headline {
	  font-size: 10vw;
	  line-height: 6vw;
	  margin-top: 4vh;
	  margin-left: 4vw;
	}
	#secondChapter .fifthSlide .sceneContent h3.s4subheadline {
	  font-size: 5.75vw;
	  line-height: 5.875vw;
	  margin-left: 4vw;
	  margin-top: 0;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 2 Slide6
--------------------------------------------------------------------------------*/
	#secondChapter .sixthSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#secondChapter .sixthSlide .sceneContent {
	  height: 75vh;
	}
	#secondChapter .sixthSlide .sceneContent h2.s5headline {
	  font-size: 10vw;
	  line-height: 10.5vw;
	  margin-top: 6vh;
	}
	#secondChapter .sixthSlide .sceneContent .nextC {
	  width: 35vw;
	  margin-top: 4vh;
	}


/*---------------------------------------
=========================================
   SECTION:  Third Section
=========================================
-----------------------------------------*/
	#thirdChapter .logoContainer {
	  top: 2vh;
	  left: 65vw;
	}
	#thirdChapter .logo-animation{
	  width: 30vw;
	}
	#thirdChapter .menuBarContainer img.menuBar {
	    opacity: 1;
	}
	#thirdChapter .headline2Container {
	  position: absolute;
	  top: 1.5vh;
	  left: 4vw;
	}
	#thirdChapter .headline2Container img.headImg {
	  width: 45%;
	}
	#thirdChapter .headline2Container img.headImg.triggeredCSS3 {
	  width: 45%;
	  -webkit-animation: s3textFadeInM 3s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: s3textFadeInM 3s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: s3textFadeInM 3s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: s3textFadeInM 3s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	  animation: s3textFadeInM 3s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	}
	#thirdChapter .menuBarContainer .slideNav, #thirdChapter .menuBarContainer .slideNav.triggeredCSS3 {
		bottom: 1vh;
	}
	#thirdChapter .menuBarContainer .slideNav img.prevArrow, #thirdChapter .menuBarContainer .slideNav img.ch3prevChArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
	#thirdChapter .menuBarContainer .slideNav span.slideNavText {
	  font-size: 2vh;
	  line-height: 7vh;
	  letter-spacing: .3875vh;
	}
	#thirdChapter .menuBarContainer .slideNav img.nextArrow, #thirdChapter .menuBarContainer .slideNav img.ch3nextChArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 3 Slide1
--------------------------------------------------------------------------------*/
	#thirdChapter .firstSlide .bigArrowContainer {
	  position: absolute;
	  left: 42vh;
	  top: 0;
	  z-index: 315;
	  transform: translate(-30vw,0px);
	  -moz-transform: translate(-30vw,0px);
	  -webkit-transform: translate(-30vw,0px);
	  -o-transform: translate(-30vw,0px);
	  -ms-transform: translate(-30vw,0px);
	  animation: bigYellowArrowFramesM linear 2s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	  -webkit-animation: bigYellowArrowFramesM linear 2s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: bigYellowArrowFramesM linear 2s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: bigYellowArrowFramesM linear 2s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: bigYellowArrowFramesM linear 2s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	}
	#thirdChapter .firstSlide .sceneContent {
	  top: 15vh;
	  height: 75vh;
	}
	#thirdChapter .firstSlide .sceneContent h2 {
	  font-size: 12vw;
	  line-height: 12vw;
	  margin: 3vh 0 0 8vw;
	  max-width: 80%;
	}
	#thirdChapter .firstSlide ul {
	  max-width: 85vw;
	  padding-left: 14vw;
	}
	#thirdChapter .firstSlide ul li {
	  font-size: 5.75vw;
	  line-height: 6vw;
	}
	#thirdChapter .firstSlide .sceneContent ul.list1 {
	  max-width: 85vw;
	  margin-top: 2vh;
	  padding-left: 14vw;
	}
	#thirdChapter .firstSlide a ul.list2 {
		top: 92vw;
	}
	p.footNote {
	  font-size: 4vw;
	  line-height: 4vw;
	  max-width: 75%;
	  bottom: 10vh;
	  /*-webkit-animation: ch2-2slideInLeft 6s;
	  -moz-animation: ch2-2slideInLeft 6s;
	  -o-animation: ch2-2slideInLeft 6s;
	  -ms-animation: ch2-2slideInLeft 6s;
	  animation: ch2-2slideInLeft 6s;*/
	}
	#thirdChapter .firstSlide .sceneContent img {
	  left: 10vw;
	  -webkit-animation: face2SlideAndFadeM 4s;
	  -moz-animation: face2SlideAndFadeM 4s;
	  -o-animation: face2SlideAndFadeM 4s;
	  -ms-animation: face2SlideAndFadeM 4s;
	  animation: face2SlideAndFadeM 4s;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 3 Slide2
--------------------------------------------------------------------------------*/
	#thirdChapter .secondSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#thirdChapter .secondSlide .sceneContent {
	  top: 15vh;
	  height: 75vh;
	}
	#thirdChapter .secondSlide .bigArrowContainer {
	  left: 50vw;
	}
	#thirdChapter .secondSlide .sceneContent h2.s2headline {
	  font-size: 11vw;
	  line-height: 11.5vw;
	  margin: 5vh 25vw 0 6vw;
	}
	#thirdChapter .secondSlide .sceneContent ul {
	  max-width: 75vw;
	  padding-left: 12vw;
	}
	#thirdChapter .secondSlide .sceneContent ul li {
	  font-size: 5vw;
	  line-height: 5.5vw;
	}
	#thirdChapter .secondSlide .sceneContent ul.s2list1 {
	  max-width: 75vw;
	  margin-top: 1vh;
	  padding-left: 12vw;
	}
	#thirdChapter .secondSlide .sceneContent .face .ch3man {
	  left: -22vw;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 3 Slide3
--------------------------------------------------------------------------------*/
	#thirdChapter .thirdSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#thirdChapter .thirdSlide .sceneContent {
	  height: 75vh;
	}
	#thirdChapter .thirdSlide .sceneContent h2.s3headline {
	  font-size: 11.5vw;
	  line-height: 12vw;
	  margin-left: 8vw;
	  margin-top: 12vh;
	}
	#thirdChapter .thirdSlide .sceneContent .nextC {
	  width: 50vw;
	  margin-top: 11vh;
	}


/*---------------------------------------
=========================================
   SECTION:  Fourth Section
=========================================
-----------------------------------------*/
	#fourthChapter .logoContainer {
	  top: 2vh;
	  left: 65vw;
	}
	#fourthChapter .logo-animation{
	  width: 30vw;
	}
	#fourthChapter .menuBarContainer img.menuBar {
	    opacity: 1;
	}
	#fourthChapter .headline2Container {
	  position: absolute;
	  top: 1.5vh;
	  left: 4vw;
	}
	#fourthChapter .headline2Container img.headImg {
	  width: 45%;
	}
	#fourthChapter .headline2Container img.headImg.triggeredCSS3 {
	  width: 45%;
	  -webkit-animation: s3textFadeInM 3s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: s3textFadeInM 3s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: s3textFadeInM 3s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: s3textFadeInM 3s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	  animation: s3textFadeInM 3s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	}
	#fourthChapter .menuBarContainer .slideNav, #fourthChapter .menuBarContainer .slideNav.triggeredCSS3 {
		bottom: 1vh;
	}
	#fourthChapter .menuBarContainer .slideNav img.prevArrow, #fourthChapter .menuBarContainer .slideNav img.ch4prevChArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
	#fourthChapter .menuBarContainer .slideNav span.slideNavText {
	  font-size: 2vh;
	  line-height: 7vh;
	  letter-spacing: .3875vh;
	}
	#fourthChapter .menuBarContainer .slideNav img.nextArrow, #fourthChapter .menuBarContainer .slideNav img.ch4nextChArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 4 Slide1
--------------------------------------------------------------------------------*/
	#fourthChapter .firstSlide .bigArrowContainer {
	  position: absolute;
	  left: 40vh;
	  top: 0;
	  z-index: 215;
	  transform: translate(-30vw,0px);
	  -moz-transform: translate(-30vw,0px);
	  -webkit-transform: translate(-30vw,0px);
	  -o-transform: translate(-30vw,0px);
	  -ms-transform: translate(-30vw,0px);
	  animation: bigYellowArrowFramesM linear 2s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	  -webkit-animation: bigYellowArrowFramesM linear 2s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: bigYellowArrowFramesM linear 2s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: bigYellowArrowFramesM linear 2s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: bigYellowArrowFramesM linear 2s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	}
	#fourthChapter .firstSlide .sceneContent {
	  top: 15vh;
	  height: 75vh;
	}
	#fourthChapter .firstSlide .sceneContent h2 {
	  font-size: 9.25vw;
	  line-height: 9.25vw;
	  margin: 3vh 0 0 6vw;
	  max-width: 80%;
	}
	#fourthChapter .firstSlide .sceneContent ul {
	  max-width: 75vw;
	  padding-left: 12vw;
	}
	#fourthChapter .firstSlide .sceneContent ul li {
	  font-size: 5.25vw;
	  line-height: 5.5vw;
	}
	#fourthChapter .firstSlide .sceneContent ul.list1 {
	  max-width: 90vw;
	  margin-top: 1vh;
	  padding-left: 12vw;
	}
	#fourthChapter .firstSlide .sceneContent img {
	  left: 90vw;
	  -webkit-animation: face2SlideAndFadeM 4s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: face2SlideAndFadeM 4s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: face2SlideAndFadeM 4s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: face2SlideAndFadeM 4s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	  animation: face2SlideAndFadeM 4s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 4 Slide2
--------------------------------------------------------------------------------*/
	#fourthChapter .secondSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#fourthChapter .secondSlide .sceneContent {
	  top: 15vh;
	  height: 75vh;
	}
	#fourthChapter .secondSlide .sceneContent .yellowArrowsContainer img.s2yellowArrows {
	  height: 60vh;
	  margin-left: 25vw;
	}
	#fourthChapter .secondSlide .sceneContent .blueBgContainer {
	  left: 6vw;
	  background-color: #0c507d;
	  width: 70vw;
	  height: 75vh;
	}
	#fourthChapter .secondSlide .sceneContent .blueBgContainer .ch4rEye {
	  width: 60%;
	  margin-top: 4vh;
	  margin-left: 20%;
	}
	#fourthChapter .secondSlide .sceneContent .blueBgContainer h2 {
	  font-size: 11vw;
	  line-height: 11.5vw;
	  margin-top: 4vh;
	  text-align: center;
	}
	#fourthChapter .secondSlide .sceneContent .blueBgContainer h3.s2subheadline {
	  font-size: 6vw;
	  line-height: 6.5vw;
	  margin-left: 0;
	  text-align: center;
	  margin-top: 1vh;
	}
	#fourthChapter .secondSlide .sceneContent .clickTipsContainer {
	  top: 29vh;
	  left: 50vw;
	  width: 27vw;
	  z-index: 318;
	}
	#myModal .modal-dialog {
	  margin: 10vh 31.189vw 10vh 6vw;
	  width: 90vw;
	}
	#myModal .modal-dialog .modal-content {
		overflow-y: auto;
		height: 70vh;
	}
	#myModal .modal-dialog .modal-content .modal-header {
		padding-bottom: 0;
	}
	#myModal .modal-dialog .modal-content .modal-header h2.modal-title {
	  font-size: 7vw;
	  line-height: 7.25vw;
	  margin-left: 2vw;
	  margin-top: 2vh;
	}
	#myModal .modal-dialog .modal-content .modal-body ul {
	  margin-left: 5vw;
	  padding-left: 0;
	}
	#myModal .modal-dialog .modal-content .modal-body ul li {
	  font-size: 5vw;
	  line-height: 5.25vw;
	  margin-bottom: 1vh;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 4 Slide3
--------------------------------------------------------------------------------*/
	#fourthChapter .thirdSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#fourthChapter .thirdSlide .sceneContent {
	  top: 15vh;
	  height: 75vh;
	}
	#fourthChapter .thirdSlide .sceneContent h2.s3headline {
	  font-size: 17vw;
	  line-height: 17.5vw;
	  margin-right: 8vw;
	  margin-top: 16vh
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 4 Slide4
--------------------------------------------------------------------------------*/
	#fourthChapter .fourthSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#fourthChapter .fourthSlide .sceneContent {
	  top: 15vh;
	  height: 75vh;
	}
	#fourthChapter .fourthSlide .sceneContent h2.s4headline {
	  font-size: 7.5vw;
	  line-height: 8vw;
	  margin-left: 5vw;
	  margin-right: 5vw;
	  margin-top: 3vh;
	}
	#fourthChapter .fourthSlide .sceneContent img.ch4Eye {
	  width: 75%;
	  margin-top: 5vh;
	}
	#fourthChapter .fourthSlide .sceneContent h3.s4subheadline {
	  font-size: 7vw;
	  margin-left: 3vw;
	  margin-top: 20vw;
	}
	#fourthChapter .fourthSlide .sceneContent img.clickTo {
	  top: 36.5vh;
	  left: 34vw;
	  width: 30vw;
	  height: auto;
	  z-index: 515;
	}
	#myModal3 .modal-dialog {
	  margin: 11vh 7vw 0 18vw;
	}
	#myModal3 .modal-dialog .modal-content {
		height: 69vh;
	}
	#myModal3 .modal-dialog .modal-content .modal-body .video-container {
	    width: 100%;
	    margin-left: 0;
	}
	#myModal3 .modal-dialog .modal-content .modal-body p {
	  font-size: 4.5vw;
	  line-height: 5vw;
	  margin-left: 0;
	  margin-right: 0;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 4 Slide5
--------------------------------------------------------------------------------*/
	#fourthChapter .fifthSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#fourthChapter .fifthSlide .sceneContent {
	  top: 15vh;
	  height: 75vh;
	}
	#fourthChapter .fifthSlide .sceneContent h2.s5headline {
	  font-size: 11vw;
	  line-height: 11.5vw;
	  margin-top: 4vh;
	}
	#fourthChapter .fifthSlide .sceneContent img.s5redArrows {
	  width: 35%;
	  margin-top: 2vh;
	  margin-left: 55vw;
	}

/*---------------------------------------
=========================================
   SECTION:  Fifth Section
=========================================
-----------------------------------------*/
	#fifthChapter .logoContainer {
	  top: 2vh;
	  left: 65vw;
	}
	#fifthChapter .logo-animation{
	  width: 30vw;
	}
	#fifthChapter .menuBarContainer img.menuBar {
	    opacity: 1;
	}
	#fifthChapter .headline2Container {
	  position: absolute;
	  top: 1.5vh;
	  left: 4vw;
	}
	#fifthChapter .headline2Container img.headImg {
	  width: 45%;
	}
	#fifthChapter .headline2Container img.headImg.triggeredCSS3 {
	  width: 45%;
	  -webkit-animation: s3textFadeInM 3s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: s3textFadeInM 3s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: s3textFadeInM 3s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: s3textFadeInM 3s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	  animation: s3textFadeInM 3s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	}
	#fifthChapter .menuBarContainer .slideNav, #fifthChapter .menuBarContainer .slideNav.triggeredCSS3 {
		bottom: 1vh;
	}
	#fifthChapter .menuBarContainer .slideNav img.prevArrow, #fifthChapter .menuBarContainer .slideNav img.ch5prevChArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
	#fifthChapter .menuBarContainer .slideNav span.slideNavText {
	  font-size: 2vh;
	  line-height: 7vh;
	  letter-spacing: .3875vh;
	}
	#fifthChapter .menuBarContainer .slideNav img.nextArrow, #fifthChapter .menuBarContainer .slideNav img.ch5nextChArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 5 Slide1
--------------------------------------------------------------------------------*/
	#fifthChapter .firstSlide .bigArrowContainer {
	  position: absolute;
	  left: 40vh;
	  top: 0;
	  z-index: 315;
	  transform: translate(-30vw,0px);
	  -moz-transform: translate(-30vw,0px);
	  -webkit-transform: translate(-30vw,0px);
	  -o-transform: translate(-30vw,0px);
	  -ms-transform: translate(-30vw,0px);
	  animation: bigYellowArrowFramesM linear 2s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	  -webkit-animation: bigYellowArrowFramesM linear 2s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: bigYellowArrowFramesM linear 2s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: bigYellowArrowFramesM linear 2s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: bigYellowArrowFramesM linear 2s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	}
	#fifthChapter .firstSlide .sceneContent {
	  top: 15vh;
	  height: 75vh;
	}
	#fifthChapter .firstSlide .sceneContent h2 {
	  font-size: 10vw;
	  line-height: 11vw;
	  margin: 8vh 0 0 6vw;
	}
	#fifthChapter .firstSlide .sceneContent h3 {
	  font-size: 7.01841vw;
	  line-height: 7.81841vw;
	  margin: 2vw 0 0 6vw;
	}
	#fifthChapter .firstSlide .sceneContent .arrows img {
	  top: 6vh;
	  left: 18vw;
	  width: 40vw;
	}
	#fifthChapter .firstSlide .sceneContent .face img {
	  left: 100vw;
	  -webkit-animation: face2SlideAndFadeM 4s;
	  -moz-animation: face2SlideAndFadeM 4s;
	  -o-animation: face2SlideAndFadeM 4s;
	  -ms-animation: face2SlideAndFadeM 4s;
	  animation: face2SlideAndFadeM 4s;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 5 Slide2
--------------------------------------------------------------------------------*/
	#fifthChapter .secondSlide .sceneContent h2.s2headline {
	  font-size: 8vw;
	  line-height: 8.5vw;
	  margin-top: 13vh;
	  margin-left: 0;
	  text-align: center;
	}
	#fifthChapter .secondSlide .sceneContent img.scribble {
	  width: 75%;
	  margin-left: 12.5%;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 5 Slide3
--------------------------------------------------------------------------------*/
	#fifthChapter .thirdSlide .sceneContent h2 {
	  font-size: 13vw;
	  line-height: 13.5vw;
	  margin-left: 7vw;
	  margin-top: 4vh;
	}
	#fifthChapter .thirdSlide .sceneContent ul {
	  margin-left: 7vw;
	}
	#fifthChapter .thirdSlide .sceneContent ul li {
	  font-size: 7vw;
	  line-height: 7.5vw;
	}
	#fifthChapter .thirdSlide .sceneContent img.blueArrows {
	  width: auto;
	  height: 50vh;
	  top: 5vh;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 5 Slide4
--------------------------------------------------------------------------------*/
	#fifthChapter .fourthSlide .sceneContent h2.s4headline {
	  font-size: 7.5vw;
	  line-height: 8vw;
	  margin-top: 17vh;
	  margin-left: 7vw;
	  margin-right: 7vw;
	}
	#fifthChapter .fourthSlide .sceneContent a.s4eye {
	  width: 70vw;
	}
	#fifthChapter .fourthSlide .sceneContent a.s4eye img.learnMoreEye {
	  width: 70vw;
	  margin-top: 10vh;
	  margin-left: 15vw;
	}
	#fifthChapter .fourthSlide .sceneContent img.clickTo {
	  position: absolute;
	  top: 50vh;
	  left: 35vw;
	  width: 25vw;
	}
	#myModal2 .modal-dialog {
	  margin: 10vh 8vw 0 8vw;
	}
	#myModal2 .modal-dialog .modal-content .modal-body ul {
	  padding-left: 0;
	  margin-left: 5vw;
	}
	#myModal2 .modal-dialog .modal-content .modal-body ul li {
	  font-size: 5vw;
	  line-height: 5.25vw;
	  margin-bottom: 1.5vh;
	}
	#myModal2 .modal-dialog .modal-content .modal-body img.whiteEye {
	  right: 7vw;
	  width: 25vw;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 5 Slide5
--------------------------------------------------------------------------------*/
	#fifthChapter .fifthSlide .sceneContent {
	  top: 15vh;
	  height: 75vh;
	}
	#fifthChapter .fifthSlide .sceneContent div.lbg {
	  height: 75vh;
	}
	#fifthChapter .fifthSlide .sceneContent div.rbg {
	  height: 75vh;
	}
	#fifthChapter .fifthSlide .sceneContent div.modContainer {
	  width: 90vw;
	  height: 100%;
	  left: 5vw;
	}
	#fifthChapter .fifthSlide .sceneContent div.modContainer h2.s5headline {
	  font-size: 7.25vw;
	  line-height: 7.75vw;
	  margin-top: 0;
	  margin-bottom: 2%;
	  margin-left: 6%;
	}
	#fifthChapter .fifthSlide .sceneContent div.modContainer ul li {
	  font-size: 5vw;
	  line-height: 5.5vw;
	}
	#fifthChapter .fifthSlide .sceneContent div.modContainer h3.s5subheadline {
	  font-size: 6.5vw;
	  line-height: 7vw;
	  margin-left: 6%;
	  margin-right: 6%;
	  margin-top: 1vh;
	}
	#fifthChapter .fifthSlide .sceneContent div.modContainer img.s5redArrows {
	  top: 25%;
	  right: -70%;
	  width: 90vw;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 5 Slide6
--------------------------------------------------------------------------------*/
	#fifthChapter .sixthSlide .sceneHeaderContainer {
	  padding-top: 7.5vh;
	  padding-bottom: 7.5vh;
	}
	#fifthChapter .sixthSlide .sceneContent {
	  top: 15vh;
	  height: 75vh;
	}
	#fifthChapter .sixthSlide .sceneContent h2.s6headline {
	  font-size: 11vw;
	  line-height: 11.5vw;
	  margin-left: 6vw;
	  margin-right: 6vw;
	  margin-top: 3vh;
	}
	#fifthChapter .sixthSlide .sceneContent a {
	  margin-top: 0;
	  margin-left: 20vw;
	}
	#fifthChapter .sixthSlide .sceneContent img.s6globe {
	  bottom: 9vh;
	}
/*---------------------------------------
=========================================
   SECTION:  Sixth Section
=========================================
-----------------------------------------*/
	#sixthChapter .logoContainer {
	  top: 2vh;
	  left: 65vw;
	}
	#sixthChapter .logo-animation{
	  width: 30vw;
	}
	#sixthChapter h2 {
	    font-size: 11vw;
	    line-height: 11.5vw;
	    margin: 0;
	}
	#sixthChapter .menuBarContainer .slideNav, #sixthChapter .menuBarContainer .slideNav.triggeredCSS3 {
		bottom: 1vh;
	}
	#sixthChapter .menuBarContainer .slideNav img.prevArrow, #sixthChapter .menuBarContainer .slideNav img.ch6prevChArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
	#sixthChapter .menuBarContainer .slideNav span.slideNavText {
	  font-size: 2vh;
	  line-height: 7vh;
	  letter-spacing: .3875vh;
	}
	#sixthChapter .menuBarContainer .slideNav img.nextArrow, #sixthChapter .menuBarContainer .slideNav img.ch6nextChArrow {
	  position: relative;
	  height: 5vh;
	  width: auto;
	  margin-bottom: 0;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 6 Slide1
--------------------------------------------------------------------------------*/
	#sixthChapter .firstSlide .message1Container {
	    top: 24vh;
	    left: 14vw;
	    max-width: 76vw;
	}
	#sixthChapter .firstSlide .message1Line1 {
	    font-size: 11vw;
	    line-height: 11.25vw;
	}
	#sixthChapter .firstSlide .message1Line2 {
	    font-size: 11vw;
	    line-height: 11.25vw;
	}
	#sixthChapter .firstSlide .message1Line3 {
	    font-size: 11vw;
	    line-height: 11.25vw;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 6 Slide2
--------------------------------------------------------------------------------*/
	#sixthChapter .secondSlide .sceneContent h2.s2headline {
	  font-size: 10.5vw;
	  line-height: 11vw;
	  margin-left: 5vw;
	  margin-top: 12vh;
	}
	#sixthChapter .secondSlide .sceneContent img.s2globe {
	  width: 80%;
	  margin-left: 10%;
	  margin-top: 2vh;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 6 Slide3
--------------------------------------------------------------------------------*/
	#sixthChapter .thirdSlide img.arrows {
	  top: 25%;
	  left: 310vw;
	  width: 80vw;
	}
	#sixthChapter .thirdSlide .sceneContent img.s3globe {
	  width: 65%;
	  margin-top: 12vh;
	}
	#sixthChapter .thirdSlide .sceneContent h2.s3headline {
	  font-size: 10vw;
	  line-height: 10.5vw;
	  margin-top: 3vh;
	  margin-left: 6vw;
	  margin-right: 6vw;
	  text-align: center;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 6 Slide4
--------------------------------------------------------------------------------*/
	#sixthChapter .fourthSlide .sceneContent img.s4globe {
	  margin-top: 12vh;
	}
	#sixthChapter .fourthSlide .sceneContent h2.s4headline {
	  font-size: 10vw;
	  line-height: 10.5vw;
	  margin-top: 3vh;
	  text-align: center;
	}
/*------------------------------------------------------------------------------
   SECTION:  Scene 6 Slide5
--------------------------------------------------------------------------------*/
	#sixthChapter .fifthSlide .final-element-animation:before {
	    background-position: 38% 50%;
	}
	#sixthChapter .fifthSlide .sceneContent h2 {
	  font-size: 9vw;
	  line-height: 9.5vw;
	  margin-right: 6vw;
	}
	#sixthChapter .fifthSlide .sceneContent h2.s5headline1 {
	  margin-top: 13vh;
	}
	#sixthChapter .fifthSlide .sceneContent a.closer img.finalCloseButton {
	  width: 50vw;
	  margin-right: 6vw;
	  margin-top: 6vh;
	}
	#sixthChapter .fifthSlide .sceneContent a.closer img.finalCloseButton.triggeredCSS3 {
	  width: 50vw;
	  margin-right: 6vw;
	  margin-top: 6vh;
	}
}
@media screen and (max-height: 29em) {
	.menuContainer {
		height: auto;
	}