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

/* mobile nav */

#hamburger {
	display: none;
}


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

@media (max-width: 1430px){
	
	
	.faderLeft, .faderRight { display:none !important; }	
}


@media (max-width: 990px){
	#headerImage img { max-width:340px; }
	#nav{font-size: 14px;}
	#nav ul li a { padding: 20px 15px 12px 12px;}
	.colWrap.col2 { width:auto; float:none; margin:0; padding-top:20px; }
	.colWrap.col2.lastCol { padding-top:0 !important; }
	.boxButton {   width: 40%;}
	.openingPara2 {font-size: 26px;}
}



@media (max-width:870px){
	
	#nav { bottom:auto; right:auto; width:106.4%; background:#fff; margin:0 -3.2%; }
	#nav ul { margin:0; border-bottom:1px solid #79667D; }
	#nav ul li {float:none; display: none; border-top:1px solid #1c88c6; }
	#nav li:hover ul { display:none; }
	#nav ul li a { display:inline-block; text-align:left; padding:10px 3%; border-right:none; }
	#hamburger {display:inline;}
	#nav > ul > li > a:after {display:none;}
	.leftImage2 {margin-top: 25px; margin-bottom: 0px;}
	
	#nav ul li a.subnav-arrow { display:inline-block; position:absolute; margin-top:-2px; margin-left:-20px; transition-duration:0.3s; transform:rotate(-90deg) }
	#nav ul li a.subnav-arrow.active { transform:rotate(0deg); }

	#nav ul ul { position:relative; }
	#nav ul ul.active { display:block; border-bottom:none; }
	#nav ul ul a { padding-left:40px; display:block; }
	.openingPara2 {font-size: 24px;}
	
	
}


@media (max-width: 600px){
	
	
	.introCopy {padding-top: 90px;}
	.imageCopy1 {font-size: 38px;}
	.imageCopy3 {font-size: 28px;}
	.centreBlockHeader { font-size:30px;}
	.centreBlockHeader:after {margin: 10px auto 10px auto;}
	.headerContact a img { margin-top: 1px; }
	.openingPara { font-size: 28px;}
	.openingPara:after { width:190px;}
	.openingParaSmaller {font-size: 18px;font-weight: 500;}
	.leftImage {margin-right: 10px; margin-bottom: 0px; padding-bottom: 0px;}
}

@media (max-width: 568px){
	
	#hamburger {margin-top: 140px;}
	#headerImage {max-width: 260px; }
	.imageCopy1  {font-size: 34px;}
	.imageCopy3  {font-size: 26px;font-weight: 500;}
	.marginTop { margin-top: 20px;}
	.openingPara { font-size: 30px;}
	.openingPara:after { width:200px;}
	.white { font-size:18px;margin-top: 15px;}
	.openingPara2 {font-size: 32px;}
}


@media (max-width: 478px){

	#headerImage {max-width:260px; }
.imageCopy1  {font-size: 30px;}
.imageCopy3  {font-size: 24px;}
	.centreBlockHeader {letter-spacing: -1px;}
	.pSmallWhite {line-height:1;}

}
@media (max-width: 428px){
	
	#hamburger {margin-bottom: 2px;}
	.marginTop { margin-top: 30px;}
}