/* PROJECT BACKGROUND
*/







/*** home 
background:transparent url(../slides/home.svg)  no-repeat center center fixed;   
***/


#reel { 
 z-index:-999; 
	background:transparent url(../video/demoreel.webm)  no-repeat center center fixed;  
	background:transparent url(../video/demoreel.mp4)  no-repeat center center fixed;   

  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}



/*** CASE STUDIES ***/

#hcwcasestudy { 
 z-index:-999; 
		background:transparent url(../slides/hcw_processbg.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}



/*** CAMPAIGN ***/


#happycleanwater { 
 z-index:-999; 
		background:transparent url(../slides/hcw_bg2.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}

#greatlakesdistillery { 
 z-index:-999; 
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}


.greatlakesdistillery img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  margin-bottom: 0px;
  margin-top: 0px;	
   position: fixed; 
    z-index:-999; 
}


@media (max-width: 1200px) {
  .greatlakesdistillery {
   -webkit-column-count: 1;
   -moz-column-count:    1;
   column-count:         1;
  }
}
@media (max-width: 1000px) {
  .greatlakesdistillery  {
   -webkit-column-count: 1;
   -moz-column-count:    1;
   column-count:         1;
  }
}
@media (max-width: 800px) {
  .greatlakesdistillery  {
   -webkit-column-count: 1;
   -moz-column-count:    1;
   column-count:         1;

  }
}
@media (max-width: 400px) {
  .greatlakesdistillery  {
   -webkit-column-count: 1;
   -moz-column-count:    1;
   column-count:         1;

  }








#thinkingcolor { 
 z-index:-999; 
		background:transparent url(../slides/thinkingcolor.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}

#gasworks { 
 z-index:-999; 
		background:transparent url(../slides/gasworkspark_slide.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}


#rocksofgod { 
 z-index:-999; 
		background:transparent url(../slides/rocksofgod_slide.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}



/*** MOTION ***/


#motiongraphics { 
 z-index:-999; 
		background:transparent url(../slides/bg.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}


/*** WEB ***/


#gasworksweb { 
 z-index:-999; 
		background:transparent url(../slides/gasworkspark_slide.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}					

#greatlakesdistilleryweb { 
 z-index:-999; 
		background:transparent url(../slides/gld_web.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}

#thinkingcolorweb { 
 z-index:-999; 
		background:transparent url(../assets/thinkingcolorweb_slide.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}

#happycleanwaterweb { 
 z-index:-999; 
		background:transparent url(../slides/happycleanwaterweb.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}


/*** IMAGE ***/

#breakthelimits { 
 z-index:-999; 
		background:transparent url(../slides/breakthelimits_image.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}

#rwandabasketsco { 
 z-index:-999; 
		background:transparent url(../slides/beadproduct.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}

#flyingfish { 
 z-index:-999; 
		background:transparent url(../assets/flyingfish.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}

#transcendence { 
margin-top: 0px;
 z-index:-999; 
		background:transparent url(../slides/transcendence.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}


/*** PRINT ***/


#epson { 
 z-index:-999; 
		background:transparent url(../slides/epson.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}

#awindowwithin { 
 z-index:-999; 
		background:transparent url(../slides/awindowwithin.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}


#gasworksparkprint { 
 z-index:-999; 
		background:transparent url(../slides/gasworksprint.jpg)  no-repeat center center fixed;   
  -webkit-background-size: cover;   
  -moz-background-size: cover;   
  -o-background-size: cover;   
  background-size: cover; 
}