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

/* mobile nav */

#hamburger {
	display: none;
}


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


@media (max-width: 1430px){
	
	.introCopy {padding-right: 3%; padding-left: 3%;}
	.marginTopResponsive {margin-top: 120px; margin-bottom: 0px;}
	
}			
	

@media (max-width: 1116px){

	#nav {font-size: 16px;}
	#nav ul li a {padding:18px 14px 12px 9px;}
	.wrapBat{ background-position: 40px 80px;}
	.quote { font-size: 18px;	}
}


@media (max-width: 990px){
	
	.quote { font-size:20px; line-height: 1.2;}
	.colWrap.col2 { width:auto; float:none; margin:0; padding-top:20px; }
	.colWrap.col2.lastCol { padding-top:0 !important; }
	.boxButton {width: 40%;}
	.footerTitle {font-size: 28px;}
	
	.boxTeam {font-size:22px;}
	.leftImage2 {margin-right: 8px;margin-bottom: 10px;}
	.introCopy {margin-top:100px;}
	.marginTopImage {margin-top: 50px;}
	.h2Style {font-size: 26px;}
	.readMore { width: 55%;}
}


@media (max-width: 890px){
	
	p {font-size:16px;}
	.quote { font-size: 16px;}
	
	
	.openingSentence { font-size:18px;}
	.boxFooter a {font-size:14px;}
	.boxFooter a:hover {font-size:14px;}
	.footerTitle {font-size: 24px;}
	.introCopyTextWrapper {	width: 60%;}
	.h2Style {font-size: 24px;}
	.endorse {font-size:16px;}
}



@media (max-width:865px){
	
	
	#nav {font-size: 14px;}
	
	.introCopyTextTitle {font-size: 44px;}
	.introCopyText {font-size: 36px;}
	.readMore { width: 60%;}
}


@media (max-width:800px){
	
	.featureTextBox {  margin-top: 5px; margin-bottom: 5px; }
	.quote {font-size: 18px;}
	.staticImage {height: 600px;}
	.boxButton {width: 45%;}
	.centreArticleTitle { font-size:24px; letter-spacing:-1px;}
	.readMore { width: 70%;}
	.boxTeam {font-size:20px;}
}

@media (max-width:760px){
	
	

	#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; }
	#nav li:hover ul { display:none; }
	#nav ul li a { text-align:left; padding:10px 3%; border-right:none; border-top:1px solid #7f98b6;z-index:1; position:relative; }
	#hamburger {display:inline; top:90px;right:10px;}
	
	#nav > ul > li > a:after {display:none;}
	#nav ul li a { color: #000;}
	.wrap1 {padding-top: 30px; padding-bottom: 30px;}
	.wrap2 {padding-top: 30px; padding-bottom: 30px;}
	.wrap3 {padding-top: 30px; padding-bottom: 30px;}
	.wrapFooter {padding-top: 40px; padding-bottom: 30px;}
	.wrapBat{padding-top: 30px; padding-bottom: 30px; background-position: 20px 60px;}
	.headerContact {padding-right:6px; }
	.marginTopImage {margin-top: 84px;}
	.centreTextLight { font-size:13px;}
	.whiteScriptOpening {font-size: 18px; margin-bottom: 10px;}
	.centreArticleTitle { font-size:22px; }
	.centreColSubTitle {font-size:20px;}
	.readMore { width: 80%;}
	.colWrap.team .col2 {float:none; width: auto;}
	
	#nav ul li:hover > a { color:inherit; }
	
	
	#nav ul li a.subnav-arrow { display:block; position:absolute; top:3px; right: 20px; padding:0; border: none; z-index:100; }
	#nav ul li a.subnav-arrow img { vertical-align:top; }
	
	#nav ul ul { position:relative; background:#FFF !important; padding-left:30px; }
	#nav ul ul a { padding-left:0; }
	
}


@media (max-width: 688px){
		

	.centreBlockHeader2 {font-size:30px;}
	.footerTitle {	font-size: 20px; letter-spacing:-1px;}	
	.whiteScriptOpening {font-size: 16px; margin-top:10px; margin-bottom: 8px;}
	.footerTitle {font-size: 30px;}
	.wrapFooter .col3 { width: auto !important;float: none; margin: 0 !important; padding-bottom: 10px;}	
	.centreArticleIntro {font-size:18px;}
	.centreArticleTitle {font-size:20px;}
    .parallaxCaption {font-size: 50px; }
}


@media (max-width: 660px){
	h1 {font-size: 26px;}
	h2 {font-size:24px;}
	.parallaxCaption2 {font-size: 30px; }
	.featureTextBox {  padding-top: 10px; padding-bottom: 10px; }
	.readMore { width: 90%;}
	
}

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

@media (max-width: 600px){
	
	#headerImage img { max-width:400px !important; }
	.introCopyTextTitle {font-size: 36px;letter-spacing: 1px;}
	.introCopyText {font-size:24px;}
	.headerContact { font-size:14px; padding-top: 0px;}
	.whiteScriptOpening {font-size: 16px; margin-top:2px; margin-bottom: 0px;}

}

@media (max-width: 568px){
	
	#hamburger {display:inline; top:80px;}
	#headerImage img { max-width:300px !important; }
	.boxFooter a {font-size:16px;}
	.boxFooter a:hover {font-size:16px;}
	.marginTopImage {margin-top: 0px;}
	.whiteScript {font-size: 16px; line-height:1.2;}
	.centreColTitle {font-size:26px;}
	.blockBox {margin-top: 0px;margin-bottom: 5px;padding-top: 0px;padding-bottom: 5px;}
	.centreArticleIntro {font-size:20px; line-height:1.3}
	.centreArticleTitle { font-size:26px; }
	.centreColSubTitle {font-size:28px;}
	.readMore { width: 50%;}
	.parallaxCaption {font-size: 46px; }
	
	

}

@media (max-width: 530px){
	
	
	.introCopyTextWrapper {width:70%}
	.introCopyTextTitle {font-size: 36px;letter-spacing: 0px;line-height: 1.2;}
	.introCopyText {font-size:26px; }
	.centreBox {width: 98%;}
	.readMore { width: 70%;}
	.centreBlockHeader { font-size: 40px; padding-bottom:10px; margin-top: 10px; letter-spacing: 1px;}
	.parallaxCaption {font-size:42px; }	
		
}


@media (max-width: 440px){
	
	#headerImage img { max-width:200px !important; }
	#hamburger { top:70px;}
	.introCopyTextTitle {font-size: 34px;}
	.aboutBox { width: 98%;}
	
}
	

@media (max-width: 400px){
	
	h1 {font-size: 22px;}
	h2 {font-size:20px;}
	.boxTeam {font-size:16px;}
	.introCopyTextTitle {font-size: 32px;}
	.pressSecond { line-height:normal;font-size: 14px;}
	.centreColTitle {font-size:22px;}
	.openingSentence {line-height: 1.2;font-size: 16px;}
	.centreBlockHeader3 {font-size:24px;}
	.centreArticleIntro { font-size: 18px; line-height: 1.2;}
	
}


@media (max-width: 380px){
	
	.centreBlockHeader3 {font-size:22px;}
	.aboutBox { width: 98%;}
	.introCopyText {font-size: 22px;}
	.whiteScript {color:#ffffff; font-size: 16px; line-height:1.1;}
	.introCopyTextTitle {font-size: 30px;}
	.centreTextSmall {letter-spacing:0;}
	.centreBox {width: 98%;}
	.pressSecond { font-size: 18px;}
	.footerTitle {font-size: 32px;}
}