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

/* mobile nav */

#hamburger {
	display: none;
}

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

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

@media (max-width: 1120px){

	#headerImage img { max-width:240px !important; }	
	#nav {font-size: 16px;}
	.footerTitle {letter-spacing:-1px;	}
}

@media (max-width: 990px){
	
	p {
    font-size: 18px;
}
	#popUp { max-width: none;left: 0;right:0; bottom: 0;padding-top: 10px;padding-right: 10px;padding-left: 10px; padding-bottom: 30px; border-top: solid #F18200; border-bottom: none;border-right: none; border-left: none; font-size: 16px;}
	.popup { font-size:16px; color:#333;}	
	.openingParaLargeCentre {font-size: 24px;}
	
	#hamburger {display:inline; top:72px; margin-right: 9px; z-index: 100;}
	#header.active { background-color: #FFFFFF; }
	#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 { margin:0; }
	#nav.active ul { border-bottom:1px solid #777777; }
	#nav ul li { float:none; display: none; position:relative; border-top:1px solid #777777; }
	#nav li:hover ul { display:none; }
	#nav ul li a { text-align:center; padding:8px 3%; font-size:14px; border-right:none; display:inline-block; }
	#nav ul li a { text-align:left; }
	#nav > ul > li > a:after {display:none;}
	#nav ul li a { color: #000;}
	
	#nav ul li a.subnav-arrow { display:inline-block; position:absolute; margin-top:-2px; margin-left:-20px; transition-duration:0.3s; transform:rotate(-90deg) }
	#nav ul li a.subnav-arrow.active { transform:rotate(0deg); }
	
	#nav ul ul { position:relative; }
	#nav ul ul.active { display:block; border-bottom:none; }
	
	#nav ul ul a { padding-left:40px; }
	
	
	#popUp {max-width: 100%;}	
	.openingParaLarge {font-size: 22px;	}
	.openingParaLargeCentre {font-size: 28px;}	
	.centreBlockHeader {font-size:34px;}
	.centreBlockHeaderBankside {font-size:34px;}
	.centreBlockHeaderSans {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;}
	.introCopy {  padding-top: 270px;}
	.footerTitle {letter-spacing:-2px;	}
	.headerContact { top: 10px;}
	
	
}

	


@media (max-width:760px){	
	
	#headerImage img { max-width:240px !important; }	
	.spacedTitleWhite {letter-spacing: 0px;}	
	.openingParaLarge {font-size: 22px; letter-spacing:-1px; }
	.whiteScriptSubHead {	font-size: 18px;letter-spacing:-1px}
	.centreColTitle {font-size: 24px;}
	.footerTitle {font-size:14px; letter-spacing:0px;	}
}



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


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

	
}



@media (max-width: 500px){
	
	.centreTextExpoTitle {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;}
	.centreBlockHeaderSans {margin-top:0px;}
	.staticImage {height: 400px;}
}



@media (max-width: 400px){
	#hamburger { top:52px; }	
	#headerImage img { max-width:180px !important; }
	.centreTextExpoTitle {letter-spacing: -2px;}
	
	
	.headerContact { font-size: 14px; top: 5px;}
	.introCopyTextTitle {font-size:30px; }
	.introCopyText {font-size:30px; }
	.centreColTitle {font-size:24px;}
	.openingPara {font-size: 18px; line-height:1;}
	.openingParaLarge {font-size: 24px;}
	
	
}


@media (max-width: 380px){
		#hamburger { top:48px; }
	.centreTextSmall {letter-spacing:0;}
	.centreBox {width: 98%;}
	.centreBlockHeader {font-size:30px;	padding-bottom: 15px;}
	.centreBlockHeaderSans {font-size: 30px; padding-bottom: 15px;}
	
	

}