/* Tim's Custom Parallax CSS*/

/*********** WATERING CAN PARALLAX********/

/*********** FIRST IMAGE (WATERING CAN) ********/



.wc1bg{
	background-color: #d7d5d5;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	padding: 0;	
	position: absolute;
	z-index: -12;

}

.wc1{
	background:url(../projects/wateringcan/wc1.jpg)  no-repeat ;
	margin-left: auto;
	margin-right: auto;
	margin-top:-200px;
	width: 100%;
	height:800px;
	position: relative;
	z-index: -10;
	}
/*********** WATERING CAN TEXT ********/

.wc2{
	position: relative;
	z-index: 10;

}

/*********** WC SKETCH THING ********/
.wc3{
	background-color: #fff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	padding: 0;	
	position: absolute;
	z-index: -12;

}

.wc3a{
	background: url(../projects/wateringcan/wc_sketch0.png) 50% 0 no-repeat ;
	color: white;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:-100px;
	height: 800px;
	padding: 0;	
	position: absolute;
	
}

.wc3b{
	background: url(../projects/wateringcan/wc_sketch1.png) 50% 0 no-repeat ;
	color: white;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:-100px;
	height: 800px;
	padding: 0;	
	position: absolute;
}



.wc3c{
	background: url(../projects/wateringcan/wc_sketch2.png) 50% 0 no-repeat ;
	color: white;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:-100px;
	height: 800px;
	padding: 0;	
	position: absolute;
}

.wc3d{
	background: url(../projects/wateringcan/wc_sketch3.png) 50% 0 no-repeat ;
	color: white;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:-100px;
	height: 800px;
	padding: 0;	
	position: absolute;
}

/*********** WC SKETCH TEXT ********/

.wc4{
	margin-top:600px;
	position: relative;
	z-index: 10;
}

/*********** WC THREE IMAGES ********/

.wc5bg{

}
.wc5{
	background: url(../projects/wateringcan/wc_refine.png) 100% 0 no-repeat ;
	height: 700px;
	margin-top:0;
	padding-top:0;
	padding-bottom:-100;
	margin-left: auto;
	margin-right: auto;
	width: 100%;

}

/*********** WC REFINEMENT TEXT ********/

.wc6{
	margin-top:700px;
	position: relative;
	}
	

/*********** WC PROTOTYPING IMAGES ********/
.wc7a{
	/*background: url(../projects/wateringcan/wc_proto2.jpg) 50% 0 no-repeat ;*/
	background-size:130%;
	height: 900px;
	max-width: 100%;
	margin-top:-900px;
	margin-left: 0px;
	margin-right: auto;
	position: relative;
	z-index: -10;
}
/* for the non parallax boxes in this area */
.right_container{
	max-width: 700px;
	margin-left:auto;
	margin-right: auto;
}

.proto{
	width:100%;
	max-height: 300px;
	max-width: 300px;
	margin:10px;
	padding:10px;
	background-color: white;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

/*********** WC PROTOTYPING TEXT ********/

.wc8{
	margin-top:0px;
	position: relative;
}




/*********** MECHATRONICS PARALLAX********/

/*********** FIRST IMAGE (SKETCH) ********/

.mc1bg{
	background-color: #838383;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 900px;
	padding: 0;	
	position: absolute;
	z-index: -12;

}

.mc1{
	background:url(../projects/mech/acrobat_mech.jpg) no-repeat ;
	margin-top:0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 900px;
	height:700px;
	position: relative;
	background-size: 100%;
	z-index: -10;
	}
/*********** MECH TEXT ********/

.mc2{
	position: relative;
	z-index: 10;
}

/*********** MECH CAD  ********/
.mc3bg{
	background-color: #838383;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	padding: 0;	
	position: absolute;
	z-index: -12;

}

.mc3{
	background: url(../projects/mech/acrobat_mech2.jpg) no-repeat ;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 700px;
	height:600px;
	position: relative;
	background-size: 100%;
	z-index: -10;

}


/*********** MECH TEXT ********/

.mc4{
	position: relative;
	z-index: 10;
}

/***********MECH WIRING ********/

/*.mc5bg{
	background-color: white;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	padding-bottom:400px;	
	position: absolute;
	z-index: -12;
}*/
.mc5{
	background: url(../projects/mech/acrobat_wiring.jpg) no-repeat ;
	margin-left: auto;
	margin-right: auto;
	/*margin-top:50px;*/
	width: 100%;
	max-width: 700px;
	height:450px;/*600px;*/
	position: relative;
	background-size: 100%;
	z-index: -10;

}

/*********** MECH TEXT ********/

.mc6{
	position: relative;
	z-index: 10;
	}
	

/*********** MECH CODE IMAGES ********/

.mc7bg{
	background-color: white;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 700px;
	position: absolute;
	z-index: -12;
}
.mc7{
	background: url(../projects/mech/acrobat_code.jpg) no-repeat ;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 700px;
	height:500px;
	position: relative;
	background-size: 100%;
	z-index: -10;
}

/*********** MECH TEXT ********/

.mc8{
	position: relative;
	z-index: 10;
}

/*********** ACROBAT IMAGE ********/
.mc9{
	background: url(../projects/mech/acrobat_image.jpg) no-repeat ;
	background-size:100%;
	background-repeat:no-repeat;
	height: 1200px;
	max-width: 100%;
	margin-top:0px;
	margin-left: 0px;
	margin-right: auto;
	position: relative;
	z-index: -10;
}

















/*********** GENERIC ********/


@media screen and (max-height: 500px)
{

.section{
	padding-top:40px;
	padding-bottom:40px;
	font-size:30pt;	
}

.section p{
	font-size:12pt;
	font-weight: 400;
	
}

.wc1, .wc2, .wc3a, .wc3b, .wc3c, .wc3d, .wc4, .wc5, .wc6, .wc8, .wc9{
	background-size: 75%;
}

.mc1, .mc3, .mc5, .mc7, .mc9{
	background-size: 75%;
}

.wc5bg{padding-bottom:300px;}


}


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


.section h4{
	padding-top:20px;
	padding-bottom:20px;

}	
	
.section h4{
	font-size:24pt;
	
}

.section p{
	font-size:12pt;
	font-weight: 400;
	
}




}

@media screen and (max-width: 850px){
	
	
.section{
	padding-top:40px;
	padding-bottom:40px;
	font-size:30pt;
	padding-left:10px;
	padding-right:10px;	
}

	

.right_container{
	clear:both;
	background-color: #676767;
	width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
.proto{
	float:none;
	display: block;
	max-width: 300px;
	max-height: 300px;
	margin:10px auto;

}

.wc7a{

	background: #676767 ;
}
}