.sectionTitle{
	color:#1D160C;
}

.sectionText{
	color:#1D160C;
}

.backIpad{
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	padding-bottom:18%;
}

.voodooIpadPic{
	position:absolute;
	margin:0 auto;
	text-align:center;
	bottom:7%;
	left:13%;
}

#blowUp1{
	float:right;
	position:absolute;
	top:0%;
	right:5px;	
	-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;

}

#blowUp2{
	float:left;
	position:absolute;
	top:0%;
	left:3%;	
	-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;

}

#blowUp3{
	float:right;
	position:absolute;
	bottom:-7%;
	right:0%;	
}

#blowUp4{
	float:left;
	position:absolute;
	bottom:-2%;
	left:3%;	
}

#sliderContainer{
	background:url(../caseStudies/voodoo-back2.jpg) repeat-y;
	width: 100%;
	background-size: 100%;
	position: relative;
	padding-top:5%;
	padding-bottom:10%;
	margin-top:5%;
	margin-bottom:7%;
}

.levelDesign{
	position:relative;
	margin:0 auto;
	text-align:center;
}

.levelDesignPic{
	position:relative;
	top:-10px; 
}

.inspirations{
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	margin-bottom:3%;
	padding-bottom:7%;
}

.voodooBook{
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	padding-bottom:5%;
}

.userInterface{
	background:url(../caseStudies/voodoo-back2.jpg) repeat-y;
	width: 100%;
	background-size: 100%;
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	padding-bottom:5%;
	padding-top:5%;
	margin-bottom:5%;
}

.voodooMacBook{
	position:relative;
	 margin:0 auto;
	 text-align:center;
}

.inspiIn{
	background:url(../caseStudies/voodoo-inspiback.jpg) no-repeat;
	width: 100%;
	background-size: 100%;
	position: relative;
	padding-top:5%;
	padding-bottom:10%;
}

.fbTitle{
	float:left;
	color:#333;
	font-size:32px;
	width:68%;
	text-align:left;
	font-weight:700;
	line-height:32px;
	margin-left: 10px;
	padding-top:2%;
}

.fbDescription{
	text-align:left;
	position:relative;
	margin-top:25px;
	float:left;
	color:#333;
	font-size:17px;
}

.fbLogoPic{
	float:left;
	width:23.5%;
	margin-right: 10px;
}

.fbText{
	color:#333;
	font-size:25px;
	text-align:left;
	margin-left:7%;
	position:relative;
	top:-15px;
}

.facebookContent{ position:relative; margin:0 auto; text-align:center; overflow:hidden; padding-bottom:5%;}
.facebookGroup{ max-width:990px; text-align:center; margin: 0 auto; padding-top: 50px; padding-left: 3%; padding-right: 0px; position:relative; overflow:hidden;}
.fbGrid{ max-width: 450px; max-height: 410px; display:block; float: left; margin-right: auto; margin-left: auto; margin-bottom: 2%; padding:1%;}
.socialPic{ max-width:474px; width:100%; border:0; }

#fbIntro{padding-top:5%; margin-left:4%;}

nav {
	position: fixed;
}

@media screen and (min-width:50px) {
.backIpadPic{width:100%;}
.voodooIpadPic{width:73.4%;}
#blowUp1{width:22.22%;}
#blowUp2{width:18.7%;}
#blowUp3{width:27.6%;}
#blowUp4{width:22.3%;}
.levelDesignPic{width:86%;}
.inspiPic{width:80.8%;}
.voodooBookPic{width:82.5%; padding-bottom:3%;}
.voodoolayersPic{width:93.6%; padding-bottom:3%;}
.userInterfacePic{width:84.1%;}
.voodooMacBookPic{position:relative; top:-20px; width:92.55%; padding-bottom:5%;}
.fbGrid{width:96%;}
#fbIntro{width:90%;}
.fbDescription{font-size:14px; margin-top:15px;}
.fbText{font-size:20px;}
.fbTitle{line-height:22px; font-size:22px; width:68%; padding-top:2%;}
.facebookGroup{padding-left: 0px;}
}

@media screen and (min-width:400px) {
.fbDescription{font-size:16px; margin-top:15px;}
.fbText{font-size:22px;}
.fbTitle{line-height:28px; font-size:28px;}
.facebookGroup{padding-left: 3%;}
}

@media screen and (min-width:500px) {
}

@media screen and (min-width:600px) {
.fbGrid{width:48%;}
#fbIntro{width:42%;}
.fbTitle{line-height:22px; font-size:18px; width:65%; padding-top:0;}
.fbDescription{font-size:13px;}
.fbText{font-size:18px;}
}

@media screen and (min-width:665px) {
}

@media screen and (min-width:800px) {
.fbDescription{font-size:16px; margin-top:25px;}
.fbText{font-size:22px;}
.fbTitle{line-height:25px; font-size:25px;}
}

@media screen and (min-width:1000px) {
}

@media screen and (min-width:1200px) {
.fbDescription{font-size:18px;}
.fbText{font-size:25px;}
.fbTitle{line-height:32px; font-size:32px;}
}

@media screen and (min-width:1300px) {
}

@media screen and (min-width:1550px) {
}

@media screen and (min-width:1600px) {
}
