@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: 1220px){
	
	
	#nav {font-size: 16px;}
	.openingParaLarge {font-size: 28px;}
	.boxTitle {height:80px; font-size:22px; letter-spacing:1px;}
	
	
}






@media (max-width: 990px){
	
	
	#headerImage img { max-width:400px !important; }
	
	
	.openingParaLarge {font-size: 24px;line-height: 1.2; font-weight:300;}
	.centreBlockHeader { font-size: 34px; margin-top: 10px;}
	.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;}
	.boxTitle {height:80px; font-size:20px; letter-spacing:1px;}
	.boxFAQ {padding-top:15px;}
	.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 { font-size:18px;}	
	#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:10px 3%; border-right:none; border-top:1px solid #77b224; }
	#nav ul li a { text-align:left; }
	#hamburger {display:inline; top:100px;}
	#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; }
	.headerContact {font-size: 18px;font-weight: 500;}
	.headerContact a {font-weight: 500;}
	.headerContact a:hover{font-weight: 500;}
	.spacedTitleWhite {letter-spacing: 0px;}	
	.openingParaLarge {font-size: 22px; letter-spacing:-1px; }
	.whiteScriptSubHead {	font-size: 18px;letter-spacing:-1px}
	.boxInterpret {	margin-top: 0px; width: 100%;}
}





@media (max-width: 660px){
	#headerImage img { max-width:320px !important; }
	.centreBlockHeader {font-size:30px;}
	.centreBlockHeaderWhite {font-size: 30px;}
	.boxTitle {height:100px; font-size:18px; letter-spacing:0px;}
	.footerTitle { letter-spacing:-1px;}	
}

@media (max-width: 600px){
	
	#hamburger {display:inline; top:110px;}
	.headerContact {font-size: 16px; letter-spacing:-1px;}
	.introCopyTextTitle {font-size:40px; letter-spacing:-2px;}
	.introCopyText {font-size:40px;}
}

@media (max-width: 567px){
	#hamburger {display:inline; top:80px;}
	#headerImage img { max-width:260px !important; }
	.centreColTitle {font-size:26px;}
	.centreColSubTitle { font-size: 24px; color: #666666; letter-spacing:0px;}
	.centreTextLight { font-size:16px;}
	.boxTitle { font-size:20px; letter-spacing:-1px;}
	.introCopyTextTitle {font-size:36px; }
	.introCopyText {font-size:38px;}
	.footerTitle { font-size: 28px; letter-spacing:0px;}
	.boxInterpret {	margin-top: 0px;}
	#popUp .centreImage {display:none; }
	#popUp {max-width:none; left:0; right:0; bottom:0; padding:10px; background:#fff; border-width:0;}
	.popup { font-size:22px; color:#333;}
}



@media (max-width: 500px){
	
	
	#hamburger { top:70px; margin-right: 10px;}
	.headerContact {display:none;}
	.parallaxCaption {font-size: 40px;letter-spacing: 0px;}
	.parallaxCaption2 {font-size:24px;}
	.introCopy {padding-top: 200px;}
	.introCopyTextTitle {font-size:32px; }
	.introCopyText {font-size:30px;}
	.centreBlockHeader {margin-top:0px;}
	.staticImage {height: 400px;}
}



@media (max-width: 400px){
	
	#headerImage img { max-width:240px !important; }
	.introCopyTextTitle {font-size:30px; }
	.introCopyText {font-size:30px; }
	.centreColTitle {font-size:24px;}
	.centreColSubTitle {font-size:22px;}
	.openingPara {font-size: 20px; line-height:1;}
	.openingParaLarge {font-size: 24px;}
	p.clientLogos img { vertical-align:middle; margin:10px 10px; }
	
	
}


@media (max-width: 380px){
	
	#headerImage img { max-width:200px !important; }
	#hamburger { top:70px;}
	.centreTextSmall {letter-spacing:0;}
	.centreBox {width: 98%;}
	.centreBlockHeader {font-size:26px;	padding-bottom: 15px;}
	.centreBlockHeaderWhite {font-size: 26px; padding-bottom: 15px;}
	.introCopyTextTitle {font-size:28px; }
	.introCopyText {font-size:28px; }
	
		.openingParaLarge {font-size: 22px;}

	
	

}
