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

/* mobile nav */

#hamburger {
	display: none;
}

#nav ul li a.subnav-arrow { display: none; }
#nav li.active ul { display:none; }

@media (max-width: 1430px){
	
.introCopy {padding-right: 3%; padding-left: 3%;}
}

@media (max-width: 1120px){

#headerImage img { max-width:130px !important; }	
#nav {font-size: 16px; letter-spacing:-1px;}
.introCopyTextTitle {font-size:40px; }
.introCopyText {font-size:34px;}
.openingParaLargeWhite {font-size: 30px;}
.openingParaLarge {font-size: 30px;	}

@media (max-width: 990px){

#headerImage img { max-width:100px !important; }		


.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: 20px;}

.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:955px){

	
	#hamburger {display:inline; top:45px; z-index: 100;}
	h1 {font-size: 28px;}
	h2 {font-size: 28px;}
	h3 {font-size: 28px;}
	h4 {font-size: 28px;}
	h5 {font-size: 28px;}
	
	
	#header.active { background-color: #F3FCFC; }
 	#header.active #logoWhite { opacity:0; }
 	#header.active #logoBlack { opacity:1; }	
	#nav { top:auto; right:auto; width:106.4%; background:#fff; margin:0 -3.2%; }
	#nav > ul > li { border-top:1px solid #9DD5D1;  }
	#nav > ul > li > a { display: inline-block;  }
	#nav ul { margin:0; }
	#nav.active ul { border-bottom:1px solid #9DD5D1; }
	#nav li ul, #header.white #nav li ul { border: none; background:#FFF; }
	#nav ul li {float:none; display: none; }
	#nav li:hover ul { display:none; }
	#nav ul li a { color: #000; text-align:left; padding:8px 3%; font-size:14px; border-right:none; }
	#nav ul li a:hover, #nav ul li:hover > a { color: #000; }
	#nav > ul > li > a:after {display:none;}
	
	#nav ul li a.subnav-arrow { display: inline-block; position: absolute; padding: 0; margin-left: -20px; margin-top: -2px; transition-duration: 0.4s; transform: rotate(-90deg); }
	#nav ul li a.subnav-arrow.active { transform: rotate(0deg); }
	
	#nav.active li ul { position: relative; border:none; }
	#nav li ul li { padding-left:20px; border-top:1px solid #9DD5D1;  }
	#nav li.active ul li a {  }
	#nav li.active ul { display:block; }

	#popUp {max-width: 90%;}
	.box {
    padding-bottom:15px;
    padding-right: 0px;
    width: 100%;
	
}
	.headerContact { top: 8px;}
	.openingParaLargeWhite {font-size:26px;letter-spacing:-1px; }
	.openingParaLarge {font-size: 26px; letter-spacing:-1px; }
	.introCopy {  padding-top: 270px;}
	.footerTitle { font-size: 20px;}
}

@media (max-width:760px){
	
	
	.centreText {padding-left: 8%; padding-right:8%;}
	.spacedTitleWhite {letter-spacing: 0px;}	
	.whiteScriptSubHead {	font-size: 18px;letter-spacing:-1px}
	.boxInterpret {	margin-top: 0px; width: 100%;}
}





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


@media (max-width: 567px){
	
	
	.centreColTitle {font-size:26px;}
	.centreTextLight { font-size:16px;}
	.boxTitle { font-size:20px; letter-spacing:-1px;}

	.footerTitle { font-size: 28px; letter-spacing:0px;}

	
}



@media (max-width: 500px){
	
	.openingPara {font-size: 20px;}
	.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: 400px){
	

	.headerContact { font-size: 14px;}
	.introCopyTextTitle {font-size:30px; }
	.introCopyText {font-size:30px; }
	.centreColTitle {font-size:24px;}	
	.openingParaLarge {font-size: 24px;}
	.openingParaLargeWhite {font-size: 24px;}
	
}


@media (max-width: 380px){
		
	.centreTextSmall {letter-spacing:0;}
	.centreBox {width: 98%;}
	.centreBlockHeader {font-size:26px;	padding-bottom: 15px;}
	.centreBlockHeaderWhite {font-size: 26px; padding-bottom: 15px;}
	
	

}