body {
/*	padding: 70px 0px 0px 0px;*/
}



#arrowBack {
	z-index:8;
	position: fixed;
	top: 20px;
	left:20px;
	cursor: pointer;
	width: 30px;
	overflow: hidden;
	display: none;
}

.projectTitleHeader {
	display: none;
}

.projectTitleHeader {
	position: absolute;
    z-index: 5;
    left: 50%;
    top: 100px;
    transform: translate(-50%, -50%);
}

.projectTitleHeader h1 {
    font-size: 45px;
    line-height: 45px;
    opacity: 0;
 }

.projectTitleHeader h2 {
 line-height: 18px;
    font-weight: 300;
    margin: 10px 0px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    opacity:0;
}

.projectTitleHeader .underlineSml {
    margin: 25px auto 0px auto;
    opacity: 0;
}

#wgcHeader .underlineSml, #btjHeader .underlineSml {
	background-color: #fff;
}

.projectTitleHeader #arrow {
	fill:#333;
}

.projectDetail {
	margin-top: 50px;
}

.fullHeaderProjectDescription {
	letter-spacing: 0px;
	font-size: 21px;
	line-height: 27px;
	margin-top:110px;
	width: 55%;
	max-width: 800px;
    text-align: left;
    display: inline-block;
}

#ftContain section {

}


#ftHeader #arrow {
	fill:#333;
}

.projectFooter {
width:100%;
margin-top:100px;
border-bottom: 25px solid #fbead3;
}

#stiplaContain img {
margin: 30px auto; 
}

#stiplaContain, #kewContain, #vsContain, #llContain, #wsmContain, #bellLabsContain, #smhContain, #BTJContain, #ftContain, #wgcContain {
	padding-top: 50px;
}

.arrowbackWhite {
	fill:#fff;
	stroke:#fff;
}

body {
transition: 0.4s;
-moz-transition:  0.4s; /* Firefox 4 */
-webkit-transition:  0.4s; /* Safari and Chrome */
-o-transition: 0.4s; /* Opera */

}

.projectTitleHeader h1, #chanLogo {
transition: 0.5s;
-moz-transition:  0.5s; /* Firefox 4 */
-webkit-transition:  0.5s; /* Safari and Chrome */
-o-transition: 0.5s; /* Opera */

}

.projectTitleHeader h2 {
transition: 0.6s;
-moz-transition:  0.6s; /* Firefox 4 */
-webkit-transition:  0.6s; /* Safari and Chrome */
-o-transition: 0.6s; /* Opera */

}


.projectTitleHeader .underlineSml {
transition: 0.7s;
-moz-transition:  0.7s; /* Firefox 4 */
-webkit-transition:  0.7s; /* Safari and Chrome */
-o-transition: 0.7s; /* Opera */

}

#wgcHeader, #btjHeader {
	color:#fff;
	background-color: #333;
}


#reelVideoDesktop {
display:block;
}

#reelVideoMob {
display:none;
}




/* ---------------------------- Screen Sizes ---------------------------- */

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

.projectTitleHeader {
	width:100%;
	top:80px;
}

.projectTitleHeader h1 {
font-size: 30px;
}

.projectTitleHeader h2 {
	margin:0px auto;
}

.fullHeaderProjectDescription {
	width:80%;
}

#reelVideoDesktop {
display:none;
}

#reelVideoMob {
display:block;
}

#headerTitleReel{
	display: none;
}

}