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

/* mobile nav */

#hamburger {
	display: none;
}

@media (max-width: 1430px){
	.faderLeft, .faderRight { display:none !important; }
		#nav {
	font-size: 15px;
	font-weight: 500;
	color: #FFFFFF;
	letter-spacing: -1px;
}
}


@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: 22px;}
	.openingParaSmaller { font-size: 18px;}

}


@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 #174C68; }
	#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 #FFFFFF; }
	#nav ul li a { text-align:left; }
	#hamburger {display:inline;}
	#nav > ul > li > a:after {display:none;}
	#nav ul li a { color: #2575A0;}
	h1 {font-size: 32px;}
	p {font-size: 14px;}
}


@media (max-width: 600px){
	
	
	h2 {font-size: 24px;}
	.parallaxCaption { font-size:30px; letter-spacing:normal;}
	.credit {letter-spacing: -1px;}
	.centreBlockHeader { font-size:30px;}
	.centreBlockHeader:after {margin: 10px auto 10px auto;}
	.karma {font-size:16px;}
	.white {font-size:24px; letter-spacing:-1px;}
	.whiteSmaller {font-size: 18px;}
	.whiteSmaller:after {width: 100px;}
	
}

@media (max-width: 568px){
	#headerImage img { max-width:50px; }
	#hamburger {top:60px; margin-right:10px;}
	

}


@media (max-width: 478px){
	
	.headerContact {display:none; }	
	.centreBlockHeader {font-size:20px;letter-spacing: -1px;}
	

}