@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: 1120px){
	
	#nav {font-size: 16px;}
	#nav ul li a {padding:6px 14px 12px 9px;}
	.box {width: 60%;}
	.marginTopResponsive {margin-top: 65px;}
	.boxButton { width: 80%;}	
	.articleTitle {font-size: 20px; line-height: 1.2}	
	.marginTopImageContact { margin-top: 200px;}

}

@media (max-width: 1100px){
	
	.whiteScript {
    font-size: 16px;
    line-height: 1.4;
}
	.articleTitle { line-height: 1.1;}
	.newsTitle {font-size:24px;}

	}


@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; }
	.newsTitle {font-size:22px;}
	.whiteScriptOpeningNews {font-size: 18px;}
	.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){
	
	#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; position:relative; border-top:1px solid #d3ad37; }
	#nav ul li a { text-align:center; padding:10px 3%; border-right:none; }
	#nav ul li a { text-align:left; display:inline-block; }
	#hamburger {display:inline; top:64px;}
	#nav > ul > li > a:after {display:none;}
	#nav ul li a { color: #000; }
	#nav li ul a {  padding-left:6%; }
	#headerImage img { max-width:300px !important; }
	.headerContact {padding-right:6px; }
	.marginTopImage {margin-top: 60px;}
	.box { width: 85%;  font-size: 18px;}
	.parallaxCaption {font-size: 42px; }
	
	.box { width: 70%;}
	.footerTitle {font-size: 24px;}
	.parallaxCaption {font-size: 48px; }
	.introCopyTextWrapper {	width: 60%;}
	.centreColSubTitle { font-size: 16px;  }	
	.centreBlockHeader3 {font-size:30px;}
	.introCopyTextTitle {font-size: 44px;}
	.introCopyText {font-size: 36px;}
	.boxButton { width: 100%; }	
	.marginTopImageContact { margin-top: 240px;}
	
	#nav ul li:nth-child(3) ul { column-count:1; }
	#nav a.subnav-arrow { display:inline-block; }
	#nav ul ul { position:relative; }
	#nav li ul.active { display:block !important; }
	#nav li:hover ul { display: none; }
	
		h2 { font-size: 28px;}
		.h2 {font-size: 22px;}

}



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


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


@media (max-width: 660px){
	.centreBlockHeader {   font-size: 40px;}

	.introCopyTextWrapper { margin-top: 200px; width: 45%;}
	.introCopyTextTitle {font-size: 36px;}
	.introCopyText {font-size: 30px;}
	.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;}
	
}

@media (max-width: 568px){
	
		.boxPara {font-size: 20px;}
	.marginTopResponsive {margin-top: 20px;}
	.marginTopImage {margin-top: 0px;}
	.centreColTitle {font-size:26px;}
	.centreTextLight { font-size:16px;}
	.parallaxCaption {font-size: 30px; }
	.box {width: 99%;}
	.centreColSubTitle { font-size: 24px;  }
	
}

@media (max-width: 530px){
	
   
	#hamburger { top:60px;}
	.introCopyTextWrapper {width:70%}
	.introCopyTextTitle {font-size: 32px;letter-spacing: 0px;line-height: 1.2;}
	.introCopyText {font-size: 28px;}
	.centreBox {width: 98%;}
	.boxButtonCentre {width: 100%;}
	
}

@media (max-width: 400px){
	
	h1  {font-size:22px;   letter-spacing: -1px;   font-weight: 500; }
	h2  {font-size: 24px;}
.h2 {font-size: 20px; line-height: normal;}
	h3 {font-size: 24px; font-weight: 300;}
	h4  {font-size: 26px;}
	.italicIn {font-size: 22px;}
	.h1Lead  {font-size: 34px;}	
	.introCopyTextTitle {font-size: 30px;}
	.centreColTitle {font-size:24px;}
	.boxIndexHead { padding-right: 0px;  margin-right: 5px;}
}


@media (max-width: 380px){
	
	p {font-size: 16px;}
	.introCopyTextTitle {font-size: 28px;}
	.introCopyText {font-size: 22px;}
	.centreTextSmall {letter-spacing:0;}
	.centreBox {width: 98%;}
	.centreBlockHeader {font-size:34px;	padding-bottom: 5px; margin-bottom:0px;  margin-top: 15px;}
	.parallaxCaption {font-size: 24px;}
	.footerTitle {font-size: 32px;}	

	
	}