@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%;}
h1 {font-size: 28px;}
h2 { font-size: 28px;}	
h3 { font-size: 28px;}
h4 {font-size: 28px;}	
h5 { font-size: 28px;}
h6 {font-size: 28px;}		
	
}






@media (max-width: 1024px){
	
	
	#headerImage img { max-width:440px !important; }
	#nav {font-size: 16px;}
	
	
	p {line-height: 1.2;}
	.openingParaLarge {font-size: 24px;line-height: 1.2; font-weight:300;}
	.centreBlockHeader {font-size:34px;}
	.centreBlockHeaderWhite {font-size:34px;}
	.colWrap.col2 { width:auto; float:none; margin:0; padding-top:20px; }
	.colWrap.col2.lasol { padding-top:0 !important; }
	.parallaxCaption {font-size: 48px;}
	.parallaxCaption2 {font-size: 40px;}
	.centreColTitle {font-size:30px;}
	.boxTitle {height:80px; font-size:20px; letter-spacing:1px;}
	.boxFooter p {font-size: 14px; line-height:1.3;}
	.whiteCentreScript {letter-spacing:-1px; line-height: 1.6;}
	.whiteScriptOpening {font-size: 18px;line-height: 1.2;}
	.openingParaDark {font-size: 20px;}
	.footerTitle { font-size: 24px;}
	.boxButton {letter-spacing: -1px; text-align: right;}
	.boxButtonGoCardless {letter-spacing: -1px; text-align: right;}
}



@media (max-width:865px){
	
	

h1 {font-size: 26px;}
h2 { font-size: 26px;}	
h3 { font-size: 26px;}
h4 {font-size: 26px;}	
h5 { font-size: 26px;}
h6 {font-size: 26px;}		
	
	
	
	p {font-size:16px;}	
	#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 #809a3d; }
	#nav ul li a { text-align:left; }
	#hamburger {display:inline; top:130px;}
	#nav > ul > li > a:after {display:none;}
	#nav ul li a { color: #000;}
	.footerTitle { font-size: 20px;}
	.boxButton {padding-left: 70px;  width: 100%;}
	.boxButtonGoCardless {padding-left: 70px;  width: 100%;}
}

@media (max-width:760px){
#headerImage img { max-width:400px !important; }	
h1 {font-size: 24px;}
h2 { font-size: 24px;}	
h3 { font-size: 24px;}
h4 {font-size: 24px;}	
h5 { font-size: 24px;}
h6 {font-size: 24px;}		
	
.parallaxCaption {font-size: 44px;}
.parallaxCaption2 {font-size: 38px;}
	
.headerContact {font-size: 18px;font-weight: 500;}
.boxFooter p {font-size: 12px;}
.whiteScriptGoldman {font-size: 12px;}
	
}


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


@media (max-width: 600px){
	
	#headerImage img { max-width:300px !important; }	
	.boxFooter p {font-size: 11px;}
}

@media (max-width: 567px){
	
	.parallaxCaption {font-size: 40px;}
	.parallaxCaption2 {font-size: 34px;}
	.centreColTitle {font-size:26px;}
	.centreColSubTitle { font-size: 24px; color: #666666; letter-spacing:0px;}
	.centreTextLight { font-size:16px;}
	.boxTitle { font-size:20px; letter-spacing:-1px;}
	.introCopyTextTitle {font-size:36px; }
	.introCopyText {font-size:32px;}
	.footerTitle { font-size: 28px; letter-spacing:0px;}
	.boxInterpret {	margin-top: 0px;}
	.marginTopImage {margin-top: 20px;}
	.boxFooter p {font-size:14px;}	
}



@media (max-width: 500px){
		
	#hamburger { top:80px;}
	.headerContact {display:none;}
	.parallaxCaption {font-size: 40px;}
	.parallaxCaption2 {font-size: 30px;}
	.introCopy {padding-top: 200px;}
	.introCopyTextTitle {font-size:32px; }
	.introCopyText {font-size:30px;}
	.centreBlockHeader {margin-top:0px;}
	.staticImage {height: 400px;}
}



@media (max-width: 400px){
	
	#headerImage img { max-width:200px !important; }
	.introCopyTextTitle {font-size:30px; letter-spacing: 0;}
	.introCopyText {font-size:30px; }
	.centreColTitle {font-size:22px;}
	.centreColSubTitle {font-size:20px;}
	.openingPara {font-size: 20px; line-height:1;}
	.openingParaLarge {font-size: 24px;}
	.marginTopImage {margin-top: 10px;}
	.parallaxCaption {font-size: 38px;}
	.parallaxCaption2 {font-size: 26px; }
	.boxButton { width: 100%;}
	.boxList2 {width:100%; }
	.centreBlockHeader {  margin-bottom: 5px; }	
}


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

}