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

/* mobile nav */

#hamburger {
	display: none;
}

@media (max-width: 1430px){
	
.faderLeft, .faderRight {display: none !important;}	
.introCopy {padding-right: 3%; padding-left: 3%;}
}

@media (max-width: 1135px){

.openingParaLarge {font-size: 28px;}
.boxTitle {height:80px; font-size:22px; letter-spacing:1px;}
.centreColSubTitle { font-size: 28px;}
.orangeScript {font-size: 28px;}	
.pipe {font-size: 28px;}		
}





@media (max-width: 990px){
	
p {line-height: 1.2;}
.openingParaLarge {font-size: 24px;line-height: 1.2; font-weight:300;}
.centreBlockHeader {font-size:34px;}
.centreBlockHeaderWhite {font-size:34px;}
.colWrap.col2 { width:auto; float:none; margin:0; padding-top:20px; }
.colWrap.col2.lastCol { padding-top:0 !important; }
.parallaxCaption {font-size: 36px;}
.centreColTitle {font-size:30px;}
.centreColSubTitle {font-size: 26px;}
.orangeScript {font-size: 26px;}
.boxTitle {height:80px; font-size:20px; letter-spacing:1px;}
.whiteCentreScript {letter-spacing:-1px; line-height: 1.6;}
.whiteScriptOpening {font-size: 18px;line-height: 1.2;}
.openingParaDark {font-size: 20px;}
.footerTitle { font-size: 24px;}
	
}



@media (max-width:865px){

	h1 {font-size: 28px;}
	h2 {font-size: 28px;}
	h3 {font-size: 28px;}
	h4 {font-size: 28px;}
	h5 {font-size: 28px;}
	p {line-height: 1.3; font-size:16px;}	
	#nav { bottom:auto; right:auto; width:106.4%; background:#fff; margin:0 -3.2%; }
	#nav ul { margin:0; }
	#nav ul li {float:none; display: none;}
	#nav li:hover ul { display:none; }
	#nav ul li a { text-align:center; padding:8px 3%; font-size:14px; border-right:none; border-top:1px solid #f18200; }
	#nav ul li a { text-align:left; }
	#hamburger {display:inline; top:70px;}
	#nav > ul > li > a:after {display:none;}
	#nav ul li a { color: #000;}
	#popUp {max-width: 90%;}
	.footerTitle { font-size: 20px;}
}

@media (max-width:760px){
	
	#headerImage img { max-width:360px !important; }
	#hamburger {display:inline; top:65px;}
	.openingParaLarge {font-size: 22px; letter-spacing:-1px; }
	.whiteScriptSubHead {	font-size: 18px;letter-spacing:-1px}

}





@media (max-width: 660px){
	
	.centreBlockHeader {font-size:30px;}
	.centreBlockHeaderWhite {font-size: 30px;}
	.centreColSubTitle {font-size: 22px;}
	.orangeScript {font-size: 22px;}
	.boxTitle {height:100px; font-size:18px; letter-spacing:0px;}
	.footerTitle { letter-spacing:-1px;}	
}


@media (max-width: 567px){
	
	#headerImage img { max-width:320px !important; }
	.centreColTitle {font-size:26px;}
	
	.centreTextLight { font-size:16px;}
	.boxTitle { font-size:20px; letter-spacing:-1px;}
	.introCopyTextTitle {font-size:50px; }
	.introCopyText {font-size:50px;}
	.footerTitle { font-size: 28px; letter-spacing:0px;}

	
}



@media (max-width: 500px){
	
	#headerImage img { max-width:315px !important; }
		#hamburger {display:inline; top:55px;}
.headerContact { font-size: 14px;}
	.parallaxCaption {font-size: 36px;letter-spacing: 0px;}
	.parallaxCaption2 {font-size:28px;}
	.introCopy {padding-top: 200px;}
	.introCopyTextTitle {font-size:32px; }
	.introCopyText {font-size:30px;}
	.centreBlockHeader {margin-top:0px;}
	.staticImage {height: 400px;}
}



@media (max-width: 450px){
	
	#headerImage img { max-width:270px !important; }

	.introCopyTextTitle {font-size:30px; }
	.introCopyText {font-size:30px; }
	.centreColTitle {font-size:24px;}
	
	.openingPara {font-size: 20px; line-height:1;}
	.openingParaLarge {font-size: 24px;}
	p.clientLogos img { vertical-align:middle; margin:10px 10px; }
	
	
}
@media (max-width: 400px){
	
	
	.headerContact {display: none;}
}

@media (max-width: 380px){
	
	#headerImage img { max-width:240px !important; }	
	
	.centreBlockHeader {font-size:26px;	padding-bottom: 15px;}
	.centreBlockHeaderWhite {font-size: 26px; padding-bottom: 15px;}
	
	

}