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

/* mobile nav */

#hamburger {
	display: none;
}

@media (max-width: 1430px){
	.faderLeft, .faderRight { display:none !important; }
		#nav {font-size: 16px;font-weight: 500;}
}


@media (max-width: 1095px){
	.openingPara {font-size: 22px;	line-height: 1;}
}

@media (max-width: 990px){
	
	
	.colWrap.col2 { width:auto; float:none; margin:0; padding-top:20px; }
	.colWrap.col2.lastCol { padding-top:0 !important; }
	.openingPara {font-size: 20px;	}
	.headerContact {font-size: 16px;}
	.name {font-size: 18px;}
	.italic {font-size: 18px;}
}
@media (max-width: 930px){
	
	.openingPara {font-size: 18px;	}
	
}



@media (max-width:890px){
	
	#nav { bottom:auto; right:auto; width:106.4%; background:#fff; margin:0 -3.2%; }
	#nav ul { margin:0; border-bottom:1px solid#0057A2; }
	#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#0057A2; }
	#nav ul li a { text-align:left; }
	#hamburger {display:inline;}
	#headerImage {max-width: 470px;	font-size: 32px;}
	#nav > ul > li > a:after {display:none;}
	.openingPara {	 font-size: 16px;line-height: 1.1;	}
	.leftImage {margin-right: 10px;}
		.headerContact {font-size: 14px;}
		
}

@media (max-width:800px){
		#headerImage {max-width: 440px;	font-size: 30px;}
}

@media (max-width: 757px){
	#headerImage {max-width: 350px;	}
	.leftImage {margin-right: 30px; margin-bottom:10px;}
	
}
@media (max-width: 685px){
	#headerImage {font-size: 28px;	}
}
	

@media (max-width: 600px){
	#headerImage {max-width: 310px;	font-size: 24px;}
	.rightImage {margin-left: 2px; }
	.headerContact { font-size: 13px;}
	.centreBlockHeader { font-size:30px;}
	.centreBlockHeader:after {margin: 10px auto 10px auto;}
		.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;}
		.name {font-size: 16px;}
	.italic {font-size: 16px;}
}

@media (max-width: 568px){
	
	#headerImage {max-width: 400px;	font-size: 34px;}
	.headerContact {display:none;}
	.centreBlockHeader { font-size:28px;}
	h1 {font-size: 24px;}
	h2 {font-size: 20px;}
	h3 {font-size: 30px;}
	h4 {font-size: 20px;}
	.introCopy {font-size:40px; font-weight: 600;}
	.openingPara { font-size: 30px;}
	.quote {font-size: 40px;bottom: -15px;}
	.quote.bottom {	top: -1px;}
	.openingPara:after { width:200px;}
	.openingParaBlue {font-size:24px;}
	.white{ font-size:18px;margin-top: 15px;}
	
}


@media (max-width: 478px){

	#headerImage {max-width: 360px;	font-size: 30px;}
	
	h2 {font-size: 18px;}
	h3 {font-size: 26px;}
	h4 {font-size: 18px;}
	.centreBlockHeader {font-size:28px;letter-spacing: -1px;}
	.pSmallWhite {line-height:1;}
	.introCopy {font-size:34px;}
	.karma {font-size: 16px;line-height: 1.2;}
	.blue {font-size:14px; font-weight:600;}
}
@media (max-width: 428px){
	#headerImage {max-width: 360px;	font-size: 28px;}
	.white {font-size:14px; line-height:1;}
	


}
@media (max-width: 360px){
	
	#headerImage {max-width: 360px;	font-size: 26px;}
	.introCopy {font-size:30px;}
}