@charset "UTF-8";
/* CSS Document */


body {
		
margin:0;
font-family:Arial;
background-color: #FFFFFF;
/*	
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
*/	
}

a:hover {
	
	
	color: yellow;
}

#videotable {
		
		max-width: 1120px;
	}
		
	
.bgimg-header {
  background-image: url("https://www.braincellcreative.com/_images/BC Header Emmy plain.png");
  min-height: 500px;
	position: relative;
  opacity: 1;
  background-position: center;
  background-size: cover;
}		
		
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
  position: relative;
  opacity: 1;
  background-position: center;
  background-size: cover;


}

.image1 {
 background-image: url("https://www.braincellcreative.com/_images/bc-img1.png");

	margin-top: 00px;
  min-height: 200px;
}

.image2 {
 background-image: url("https://www.braincellcreative.com/_images/bc-img2.png");

	margin-top: 00px;
  min-height: 200px;
}

.image3 {
 background-image: url("https://www.braincellcreative.com/_images/bc-img3.png");

	margin-top: 00px;
  min-height: 200px;
}

.image4 {
 background-image: url("https://www.braincellcreative.com/_images/bc-img4.png");

	margin-top: 00px;
  min-height: 200px;
}

.image5 {
 background-image: url("https://www.braincellcreative.com/_images/bc-img5.png");

	margin-top: 00px;
  min-height: 200px;
}


.image1, .image2, .image3, .image4, .image5 {
  position: relative;
  opacity: 1;
  background-position: center;
  background-size: contain;
background-repeat: no-repeat;

}




.howto-img {
	
	position: relative;
  opacity: 1;
  background-position: center;
 /* background-size: 100%;*/

	background-image: url("https://www.braincellcreative.com/_images/BC Production Process Infographic-3.png");
background-repeat: no-repeat;
min-height: 2000px;
max-height: 800px;	
	
}

.bgimg-2 {
 background-image: url("https://www.braincellcreative.com/_images/BC Header Emmy plain.png");

	margin-top: 00px;
  min-height: 400px;
}
		
.bannerBar{
	
	background-image: url("https://www.braincellcreative.com/_images/BC banner.png");
  min-height: 100px;
	margin-top: 20px;
	position: relative;
  opacity: 1;
	
  background-position: center;
  background-size: cover;
	
	
}	

.bannerBarBottom{
	
	background-image: url("https://www.braincellcreative.com/_images/BC banner.png");
  min-height: 150px;
	margin-top: 20px;
	position: relative;
  opacity: 1;
	
  background-position: center;
  background-size: cover;
	
	
}	

.styleBarWords {font-family: Arial, Helvetica, sans-serif;
	align-content: center;
	color: #FFFFFF;
	font-size: 20px;
		-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
	/*margin: 20px;
	
	
	position: absolute;
    left: 20px;
    top:10px;
 
    transition: transform .2s;
	*/
}



.columnTextPics {
  padding: 20px 30px;
  float: left;
  width: 49.99999%;/*24.99999%;*/
	min-height: 270px;
}


		
* {
  box-sizing: border-box;
}
		
.responsive4 {
  padding: 20px 20px;
  float: left;
  width: 32.99999%;/*24.99999%;*/
	min-height: 270px;
}

		
.clearfix:after {
  content: "";
  display: table;
  clear: both;
  overflow: auto;
}	
		
.fullbox {
  padding: 20px 80px;
  float: left;
  width: 100%;/*24.99999%;*/
	min-height: 200px;
}
			
.linebox {
  padding: 20px 80px;
  float: left;
  width: 100%;/*24.99999%;*/
	min-height: 20px;
}
			


.style1 {font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 18px;
}

.stylebig1 {font-family: Arial, Helvetica, sans-serif;
	color: #fff000;
	font-size: 22px;
}

.roundshadow {

	border-radius: 20px;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5)
}

.style2 {
	color: #FFFFFF;
	font-size: 28px;
}
.style2yellow {
	color: #FFFF00;
	font-size: 28px;
}


a:link {
    text-decoration: none;
    color: #fff
}

a:visited {
    text-decoration: none;
    color: #fff
}

a:hover {
    text-decoration: none
}

a:active {
    text-decoration: none
}

	
video#bgVideo {
position: fixed;
right: 0;
bottom: 0;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
z-index: -100;    
background-size: cover;
}


	

		
.styleTitle {font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 30px;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
}		

		
.styleBlockTitle {font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 25px;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
}		

.styleBlockTitleDark {font-family: Arial, Helvetica, sans-serif;
	color: #5A5A5A;
	font-size: 25px;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
}		

		
.styleWords {font-family: Arial, Helvetica, sans-serif;
	color: #a3a3a3;
	font-size: 18px;
		-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
}


.styleBlockWords {font-family: Arial, Helvetica, sans-serif;
	color: #F0F0F0;
	font-size: 18px;
		-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
}

.styleBlockWordsDark {font-family: Arial, Helvetica, sans-serif;
	color: #5A5A5A;
	font-size: 18px;
		-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
}

.styleColumnWordsDark {font-family: Arial, Helvetica, sans-serif;
	color: #5A5A5A;
	font-size: 18px;
		-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	line-height: 1.5;
}


.styleBigBlockWords {font-family: Arial, Helvetica, sans-serif;
	color: #F0F0F0;
	font-size: 18px;
		-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
}



	
.styleSTEPS {font-family: Arial, Helvetica, sans-serif;
	color: #FFFF00;
	font-size: 26px;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}


	
h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #FFFFFF;
}
	
	
	.divider {
	
  text-align:center;
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color:#154578;
}
	
	.divider-top {
	
  text-align:center;
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color:#FFF;
}	

	.caption span.border {
 
 border: 2px solid #ccc;
  color: #fff;
  padding: 1px;
  font-size: 10px;
  letter-spacing: 5px;
}

			
.caption {
    position: absolute;
    left: 2px;
    bottom: 20%;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
	font-size: 34px;
    transition: transform .2s;
}	

		
@media only screen and (max-width: 505px) {
 
	.bgimg-2 {
 
 	/*background-image: url("https://www.braincellcreative.com/_images/BC Header Small.png");  */

	min-height: 150px;
	}
	
	.howto-img {
	
	position: relative;
  opacity: 1;
  background-position: center;
 /* background-size: 100%;*/
 background-size: contain;
	background-image: url("https://www.braincellcreative.com/_images/BC Production Process Infographic.png");
background-repeat: no-repeat;
min-height: 1000px;
max-height: 400px;	
	
}

}



@media only screen and (max-width: 1020px) {

	
.columnTextPics {
  padding: 20px 30px;
  float: left;
  width: 100%;/*24.99999%;*/
	min-height: 270px;
}

	
.howto-img {
	
	position: relative;
  opacity: 1;
  background-position: center;
 background-size: contain;

	background-image: url("https://www.braincellcreative.com/_images/BC Production Process Infographic.png");
background-repeat: no-repeat;
min-height: 1000px;
max-height: 400px;	
	
}

		
.bgimg-header {
  /*background-image: url("https://www.braincellcreative.com/_images/BC Header Emmy plain sm.png");*/
  min-height: 300px;
	position: relative;
  opacity: 1;
  background-position: center;
  background-size: cover;
}		
	
	
	.bgimg-2 {
 
 		/*background-image: url("https://www.braincellcreative.com/_images/BC Header Small.png"); */ 

		min-height: 350px;
	}
	
.responsive4 {
    width: 100%;
	min-height: 200px;
  }
	
	.caption {
 
	position: absolute;
    left: 2px;
    bottom: 20%;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
	font-size: 20px;
    transition: transform .2s;
   
}	
	
	
.bannerBar{
	
	background-image: url("https://www.braincellcreative.com/_images/BC banner.png");
  min-height: 200px;
	margin-top: 00px;
	position: relative;
  opacity: 1;
	
  background-position: center;
  background-size: cover;
	
	
}	

	.bannerBarBottom{
	
	background-image: url("https://www.braincellcreative.com/_images/BC banner.png");
  min-height: 200px;
	margin-top: 20px;
	position: relative;
  opacity: 1;
	
  background-position: center;
  background-size: cover;
	
	
}	
	
	
}
	
@media only screen and (max-width: 1500px) {

	.bgimg-2 {
 
 		/*background-image: url("https://www.braincellcreative.com/_images/BC Header Small.png"); */ 

		min-height: 700px;
	}
		
		
}