@charset "UTF-8";


@font-face {
    font-family: "Ambit-Black";
    src: url("/fonts/Ambit-Black.woff") format("woff"), 
		url("/fonts/Ambit-Black.woff2") format("woff2");	
}
@font-face {
    font-family: "Ambit-Regular";
    src: url("/fonts/Ambit-Regular.woff") format("woff"), 
		url("/fonts/Ambit-Regular.woff2") format("woff2");
}
@font-face {
    font-family: "Ambit-Light";
    src: url("/fonts/Ambit-Light.woff") format("woff"), 
		url("/fonts/Ambit-Light.woff2") format("woff2");
}
@font-face {
    font-family: "pitch-sans-medium";
    src: url("/fonts/pitch-sans-medium.woff") format("woff"), 
		url("/fonts/pitch-sans-medium.woff2") format("woff2");
}

@font-face {
    font-family: "pitch-sans";
    src: url("/fonts/pitch-sans.woff") format("woff"), 
		url("/fonts/pitch-sans.woff2") format("woff2");
}

@font-face {
    font-family: "pitch-sans-light";
    src: url("/fonts/pitch-sans-light.woff") format("woff"), 
		url("/fonts/pitch-sans-light.woff2") format("woff2");
}


body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.wrapper {
    width: 100%;   
	position: relative;
    overflow-x: hidden;
	overflow-y: auto;
	perspective: 10px;
	padding: 0;
	matgin: 0;
	
      }





 .vimeo-wrapper {
        max-width: 100vw;
        position: relative;
        margin: 0 auto;
        border: 1px solid green;
    }

    .vimeo-standard {
        float: left;
        height: 90vh;
        width: 90vw;
        border: 1px solid #000;
        margin: 10px;
    }

    iframe {
        width: 100vw;
        height: 100vw;
    }


    @media (max-width:100vw) {

        .vimeo-standard {
            float: none;
            width: 80%;
            margin: 0 auto;
            padding-bottom: 10px;
        }
    }

    .clearfix:before,
    .clearfix:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }

    .clearfix:after {
        clear: both;
    }






      .hero {
       
        width: 100%;
        position: absolute;
 overflow-x: hidden;
        
	
		  
		
      }



.hero video{
	 width: 100%;
  
  position: fixed;
  top: 0%;
  left: 50%;
  transform: translateX(-50%) translateY(0%);
z-index: -100;
	overflow: hidden;
}




      .herooverlay {
        z-index: 50;
		  position: relative;
		  text-align: center;
		  
		 
		 min-width: 100%;
		  margin-top: -20%;
 
      }
.herooverlay h1 {
	font-size:16vw;
	color: #f2f2f2;
	line-height: .75;
	font-family: "Ambit-Black", sans-serif;
	padding-bottom: 0%;
	padding-top: 20%;
}

.herooverlay h2 {
	font-size:3.5vw;
	line-height: .9;
	font-family: "Ambit-Regular", sans-serif;
	padding-left: 15%;
  padding-right: 15%;
	padding-top: 8%;
	padding-bottom: 10%;
	color: #f2f2f2;
}

.herooverlay h3 {
	font-size:10vw;
	line-height: .8;
	color: #f2f2f2;
	font-family: "Ambit-Light", sans-serif;
}
.herooverlay p {
	font-size:2vw;
	color: #f2f2f2;
	font-family: "pitch-sans-medium", sans-serif;
}


.creativecontainer {
	
    background-color: rgba(242, 242, 242, 1);    
	 min-width: 100%;
        overflow: hidden;
        position: relative;
	padding-top: 0%;
	overflow-x: hidden;
	overflow-y: hidden;
        padding-bottom: 0%;
	line-height: .0px;
	z-index: 90;
      }
      .creative {
        line-height: .0px;
        min-width: 100%;
        position: relative;
        top: 0;
        left: 0;
		  padding-top: 0%;
		  overflow-x: hidden;
	overflow-y: scroll;
		 margin-bottom: -20.5%;
		  padding-top: -20.5%;
       z-index: 90;
      }
      .creativeoverlay {
         z-index: 90;
		  
		  padding: 0%;
}

.creative h1 {
	text-align: right;
		  color: #5458f5; 
	font-size:15vw;
	line-height: .7;
	letter-spacing: -.08em;
	font-family: "Ambit-Black", sans-serif;
	margin-top: 0%;
	z-index: 100;
	
}


.creativeoverlay h1 {
	text-align: right;
	color: #212020;
	font-size:15vw;
	line-height: .7;
	letter-spacing: -.08em;
	font-family: "Ambit-Black", sans-serif;
	padding-top: .3%;
	padding-bottom: 0%;
}

.creativeoverlay h2 {
	text-align: left;
	color: #212020;
	font-size:3.5vw;
	line-height: 1;
	font-family: "Ambit-Regular", sans-serif;
	padding-left: 10%;
  padding-right: 10%;
	
	
}

.creativeoverlay h3 {
	font-size:10vw;
	line-height: .8;
	font-family: "Ambit-Light", sans-serif;
}



.creativeoverlay p {
	font-size:1.8vw;
	line-height: .8;
	font-family: "pitch-sans-medium", sans-serif;
}






































.contextcontainer {
	
    background-color: rgba(242, 242, 242, 1);    
	 min-width: 100%;
        overflow: hidden;
        position: relative;
	padding-top: 0%;
	overflow-x: hidden;
	overflow-y: hidden;
        padding-bottom: 0%;
	line-height: .0px;
      }
      .context {
        line-height: .0px;
        min-width: 100%;
        position: relative;
        top: 0;
        left: 0;
		  padding-top: 0%;
		  overflow-x: hidden;
	overflow-y: scroll;
		 margin-bottom: -20.5%;
		  padding-top: -20.5%;
       
      }
      .contextoverlay {
         
		  
		  padding: 0%;
}

.context h1 {
	text-align: left;
		  color: #1aab59; 
	font-size:15vw;
	line-height: .7;
	letter-spacing: -.08em;
	font-family: "Ambit-Black", sans-serif;
	padding-top: 0%;
	
}


.contextoverlay h1 {
	text-align: left;
	color: #212020;
	font-size:15vw;
	line-height: .7;
	letter-spacing: -.08em;
	font-family: "Ambit-Black", sans-serif;
	margin-top: -20.5%;
	padding-bottom: 0%;
}

.contextoverlay h2 {
	text-align: left;
	color: #212020;
	font-size:3.5vw;
	line-height: .9;
	font-family: "Ambit-Regular", sans-serif;
	padding-left: 10%;
  padding-right: 10%;
	
	
}

.contextoverlay h3 {
	font-size:10vw;
	line-height: .8;
	font-family: "Ambit-Light", sans-serif;
}
.contextoverlay h4 {
	margin-top: -3%;
	margin-bottom: 3%;
	font-size:1.8vw;
	line-height: .8;
	font-family: "pitch-sans-light", sans-serif;
}
.contextoverlay p {
	font-size:10px;
	line-height: .8;
	font-family: "pitch-sans-medium", sans-serif;
}












.writingcontainer {
	background-color: rgba(242, 242, 242, 1);    
	 min-width: 100%;
        overflow: hidden;
        position: relative;
	padding-top: 0%;
	overflow-x: hidden;
	overflow-y: hidden;
        padding-bottom: 10%;
	line-height: .0px;
	
      }






      .writing {
        line-height: .0px;
        min-width: 100%;
        position: relative;
        top: 0;
        left: 0;
		  padding-top: 0%;
		  overflow-x: hidden;
	overflow-y: scroll;
		 margin-bottom: -20.5%;
		  padding-top: -20.5%;
		  
       
      }
      .writingoverlay {
         
		
		  padding: 0%;
		  z-index: 100;
}

.writing h1 {
	text-align: right;
		  color: #212020; 
	font-size:15vw;
	line-height: .7;
	letter-spacing: -.08em;
	font-family: "Ambit-Black", sans-serif;
	padding-top: 0%;
	padding-bottom: 20%;
	
	
}


.writingoverlay h1 {
	text-align: left;
	color: #212020;
	font-size:15vw;
	line-height: .7;
	letter-spacing: -.08em;
	font-family: "Ambit-Black", sans-serif;
	margin-top: -20.5%;
	padding-bottom: 0%;
}

.writingoverlay h2 {
	text-align: left;
	color: #212020;
	font-size:3.5vw;
	line-height: .9;
	font-family: "Ambit-Regular", sans-serif;
	padding-left: 10%;
  padding-right: 10%;
	
	
}

.writingoverlay h3 {
	font-size:10vw;
	line-height: .8;
	font-family: "Ambit-Light", sans-serif;
}
.writingoverlay h4 {
	margin-top: -3%;
	margin-bottom: 3%;
	font-size:1.8vw;
	line-height: .8;
	font-family: "pitch-sans-light", sans-serif;
}

.writingoverlay p {
	font-size:1.8vw;
	line-height: .8;
	font-family: "pitch-sans-medium", sans-serif;
}

















.aboutcontainer {
	
    background-color: #212020;;    
	 min-width: 100%;
        overflow: hidden;
        position: relative;
	padding-top: 0%;
	overflow-x: hidden;
	overflow-y: hidden;
        padding-bottom: 10%;
	line-height: .0px;
      }

      .about {
        line-height: .0px;
        min-width: 100%;
        position: relative;
        top: 0;
        left: 0;
		  padding-top: 0%;
		  overflow-x: hidden;
	overflow-y: scroll;
		 padding-left: 5%;
		  padding-top: -20.5%;
       
      }

      .aboutoverlay {
         margin-right: 20%;
		  margin-left: 10%;
		  padding: 0%;
}

.about h1 {
	text-align: left;
		   
	color: rgba(242, 242, 242, 1);
	font-size:15vw;
	line-height: .7;
	letter-spacing: -.08em;
	font-family: "Ambit-Black", sans-serif;
	
	margin-top: -1%;
}


.aboutoverlay h1 {
	text-align: left;
	color: #212020;
	
	font-size:15vw;
	line-height: .7;
	letter-spacing: -.08em;
	font-family: "Ambit-Black", sans-serif;
	margin-top: -1%;
	padding-bottom: 0%;
		
}

.aboutoverlay h2 {
	text-align: left;
	color: rgba(242, 242, 242, 1);
	font-size:3.5vw;
	line-height: .8;
	font-family: "Ambit-Regular", sans-serif;
	padding-left: 10%;
  padding-right: 10%;
	
	
}

.aboutoverlay h3 {
	color: rgba(242, 242, 242, 1);
	font-size:2.7vw;
	line-height: .8;
	font-family: "Ambit-Light", sans-serif;
	margin-bottom: -.5%;
	margin-top: 7%;
	
}

.aboutoverlay h4 {
	
	color: rgba(242, 242, 242, 1);
	margin-top: 4%;
	margin-bottom: -2%;
	
	font-size:1.8vw;
	line-height: .8;
	font-family: "Ambit-Medium", sans-serif;
	padding-left: 10%;
}


.aboutoverlay h5 {
	
	color: rgba(242, 242, 242, 1);
	
	
	font-size:1.4vw;
	line-height: .8;
	font-family: "Ambit-Light", sans-serif;
	padding-left: 10%;
}




.aboutoverlay p {
	
	color: rgba(242, 242, 242, 1);
	font-size:1.8vw;
	line-height: .9;
	font-family: "pitch-sans-light", sans-serif;
	margin-left: 15%;
	margin-top: -.5%;
}












.footercontainer {
	display:inline-block;
    background-color: #e5dac8;    
	 width: 100%;
	height: 10%;
        overflow: hidden;
        position: relative;
	
	
	padding-left: 5%;
	overflow-x: hidden;
	overflow-y: hidden;
        margin-bottom: 0px;
	padding-bottom: 0px;
   
      }
      



.footercontainer p {
	color: #212020;
	font-size:1.8vw;
	
	font-family: "pitch-sans-medium", sans-serif;
}