@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){
	

	h1 {font-size: 28px;}	
	#nav {font-size: 16px;}
	#nav ul li a {padding:18px 14px 12px 9px;}
.teamGridTitle {font-size: 20px;letter-spacing: -1px;}
	.marginTopResponsive {margin-top: 65px;}
	.boxButton { width: 80%;}	
}


@media (max-width: 990px){
	
	h1 {font-size: 26px;}	
	h2  {font-size: 24px;}
	h3  {font-size: 20px;}
	#nav {font-size: 15px;}
	.teamGridTitle {font-size: 18px; letter-spacing: -1px;}
	.centreBlockHeader {font-size:34px;}
	.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;}
	.marginTopImage {margin-top: 75px;}
	
}


@media (max-width: 890px){
	
	h1  {font-size: 22px;}
	h2  {font-size: 20px;}
	h3  {font-size: 17px;}
	p {font-size:16px;}
	
	#headerImage img { max-width:200px !important; }
	#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 #36A9E1;	 }
	#nav ul li a { text-align:left; }
	#hamburger {display:inline; top:64px;}
	#nav > ul > li > a:after {display:none;}
	#nav ul li a { color: #000;}
	.teamGridTitle {font-size: 15px;  font-weight: 500; }
	.headerContact {padding-right:6px; }
	.marginTopImage {margin-top: 60px;}
	.footerTitle {font-size: 24px;}
	.parallaxCaption {font-size: 48px; }
	.centreBlockHeader3 {font-size:30px;}
	
	.boxButton { width: 100%;}	
}

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



@media (max-width:760px){
	
	
	.teamGridTitle {font-size: 16px;  font-weight: 500;}
	
	.parallaxCaption {font-size: 42px; }

}


@media (max-width: 688px){
		
		
		.introCopyTextWrapper {
			width:80%;}
		.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;}	
		.boxButton {  font-size: 16px; width: 100%;}
		.boxButton a {font-size: 16px;}
		.boxButton a:hover {font-size: 16px;}
	
}


@media (max-width: 660px){
	
	

	.centreBlockHeader {font-size:30px; margin-top:10px;}

}

@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){
	
	.teamGridTitle {font-size: 16px; font-weight: 500; }
	.marginTopResponsive {margin-top: 20px;}
	.marginTopImage {margin-top: 0px;}
	.centreColTitle {font-size:26px;}
	.centreTextLight { font-size:16px;}
	.parallaxCaption {font-size: 30px; }

	.boxButton {  font-size: 16px; width: 65%;}
	.boxButton a {font-size: 16px;}
	.boxButton a:hover {font-size: 16px;}
	
	
}

@media (max-width: 530px){
	h2  {font-size: 18px;
    letter-spacing: -1px;}

	.introCopyTextWrapper {width:70%}
	.introCopyTextTitle {font-size: 36px;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){
	
		
		
	.introCopyTextTitle {font-size: 32px;}
	.centreColTitle {font-size:22px;}
	.boxButton {  font-size: 14px; width: 80%;}	
	
}


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

	
	}