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

/* mobile nav */

#hamburger {
	display: none;
}

	
@media (max-width: 1650px){


@media (max-width: 1430px){

.faderLeft, .faderRight {display: none !important;}	
.introCopy {padding-right: 3%; padding-left: 3%;}
}



@media (max-width: 1120px){
	
#nav {font-size: 16px;}
#nav ul li a {padding:18px 14px 12px 9px;}
.box {width: 60%;}
.marginTopResponsive {margin-top: 65px;}
	.boxButton { width: 80%;}	
	

}

@media (max-width: 1100px){
	
	.whiteScript {font-size: 16px;line-height: 1.3;}
	
}




@media (max-width: 990px){
	
	#nav {font-size: 15px;}
	
	.colWrap.col2 { width:auto; float:none; margin:0; padding-top:20px; }
	.colWrap.col2.lastCol { padding-top:0 !important; }	
	.boxButton { width: 80%;}	
	.footerTitle {font-size: 28px;}
	.parallaxCaption {font-size: 54px; }
	.leftImage2 {margin-right: 8px;margin-bottom: 10px;}
	.introCopyTextWrapper {margin-top: 230px; width: 70%;}
	.marginTopImage {margin-top: 75px;}
	.centreColSubTitle { font-size: 18px;  letter-spacing: -1px;}
}


@media (max-width: 890px){
	
	
	#headerImage img { max-width:200px !important; }
	.box {width: 70%;}
	.footerTitle {font-size: 24px;}
	.parallaxCaption {font-size: 48px; }
	.introCopyTextWrapper {	width: 60%;}
	.centreColSubTitle { font-size: 16px;  }	
	.introCopyTextTitle {font-size: 44px;}
	.introCopyText {font-size: 36px;}
	.boxButton { width: 100%;}	
}

@media (max-width:825px){
	.whiteScript {font-size: 14px;}
	.whiteScriptOpening {font-size: 20px;}
}



@media (max-width:760px){
	#popUp {display: none;}
	#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 #B1C46A;	 }
	#nav ul li a { text-align:left; }
	#hamburger {display:inline; top:80px;}
	#nav > ul > li > a:after {display:none;}
	#nav ul li a { color: #000;}
		
	h1  {font-size: 34px;}
	h2  {font-size: 26px;}
	h3 {font-size: 22px; line-height: 1.2;}
	p {font-size: 14px; line-height: 1.2;}
	.headerContact {padding-right:6px; }
	.marginTopImage {margin-top: 60px;}
	.box {width: 85%;}
	.parallaxCaption {font-size: 42px; }
	.centreBlockHeader {padding-top: 0px;}
}


@media (max-width: 688px){
		
		
		#hamburger { top:80px;}
	
	
		.footerTitle {	font-size: 20px; letter-spacing:-1px;}
		.footerTitle {font-size: 30px;}
		.wrapFooter .col3 { width: auto !important;float: none; margin: 0 !important; padding-bottom: 10px;}	
		.boxButton {  font-size: 16px; width: 100%;}
		.boxButton a {font-size: 16px;}
		.boxButton a:hover {font-size: 16px;}
		.centreColSubTitle { font-size: 14px;  }
}


@media (max-width: 660px){

	.introCopyTextWrapper { margin-top: 200px; }
	.introCopyTextTitle {font-size: 36px;}
	.introCopyText {font-size:24px;}
	
	.box {width: 94%;}	
	
	
}

@media (max-width: 615px){
	
	.whiteScriptOpening {font-size: 16px; margin-top:2px; margin-bottom: 5px;}
	.parallaxCaption {font-size: 36px; }
	.staticImage {height:500px;}
}

@media (max-width: 600px){
	
	.headerContact { font-size:14px; padding-top: 0px;}
	.whiteScriptOpening {font-size: 16px; margin-top:2px; margin-bottom: 0px;}
	.boxButton {  font-size: 14px; width: 100%;}	
	.boxButton a {font-size: 14px;}
	.boxButton a:hover {font-size: 14px;}
}

@media (max-width: 568px){
	
	#popUp {display: none;}
	.popup { font-size:12px; }
	.boxResource { border-right: none;}
	.marginTopResponsive {margin-top: 20px;}
	.marginTopImage {margin-top: 0px;}
	.centreColTitle {font-size:26px;}
	.centreTextLight { font-size:16px;}
	.parallaxCaption {font-size: 30px; }
	.box {width: 99%;}
	.boxButton {  font-size: 16px; width: 65%;}
	.boxButton a {font-size: 16px;}
	.boxButton a:hover {font-size: 16px;}
	.centreColSubTitle { font-size: 24px;  }
	
}

@media (max-width: 530px){
	
	
	#hamburger { top:80px;}
	.introCopyTextWrapper {width:90%}
	.introCopyTextTitle {font-size: 34px;letter-spacing: 0px;line-height: 1.2;}
	.introCopyText {font-size:26px; }
	.centreBox {width: 98%;}
	.boxButton {  font-size: 14px; width: 65%;}	
	.boxButton a {font-size: 14px;}
	.boxButton a:hover {font-size: 14px;}
}

@media (max-width: 400px){
	
	
	
	h3 {font-size: 20px;}
	h4  {font-size: 20px;}
	h5  {font-size: 20px;}
		p {font-size: 16px; line-height: 1.4;}
	#headerImage {max-width:150px;}
	.introCopyTextTitle {font-size: 32px;}
	.centreColTitle {font-size:22px;}
	.boxButton {  font-size: 14px; width: 80%;}	
	
}


@media (max-width: 380px){
	.introCopyText {font-size:24px;}
	.introCopyTextTitle {font-size: 30px;}
	.centreTextSmall {letter-spacing:0;}
	.centreBox {width: 98%;}
	.centreBlockHeader {font-size:26px;	padding-bottom: 15px; margin-bottom:0px;}
	.parallaxCaption {font-size: 24px;}
	.footerTitle {font-size: 26px;}	
	

}

	
	}