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

/* mobile nav */

#hamburger {
	display: none;
}

@media (max-width: 1430px) {
	
	.introCopy {padding-left: 5%; }	
}
@media (max-width: 1050px) {
	
	h1 {
    font-size: 24px;
    line-height: 1.3;
}
	h2 {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 300;
}
	p {
    font-size: 18px;
}
}
	
@media (max-width: 900px) {

	#nav {bottom: auto; right: auto; top: auto; width: 106.4%; background-color: #164a67; margin: 0 -3.2%; }
	#nav ul { margin: 0; border-bottom: 1px solid #164a67;}
	#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  #164a67;}
	#nav ul li a {text-align: left;}
	#hamburger {display: inline; margin-right: 2px; top: 20px;}	
	#nav > ul > li > a:after {display: none;}
	#headerImage img {max-width:450px !important;}
	.headerContact {top:80px; }
	.colWrap.col2 { width: auto; float: none; margin: 0; padding-top: 20px;}
	.colWrap.col2.lastCol { padding-top: 0 !important;}
	p {
}
	
	.introCopyTextTitle {font-size: 40px; line-height: 1.1;}
	.introCopyText {font-size: 30px;  line-height: 1.1;}
}

@media (max-width: 768px) {
		
	h1 {font-size: 22px; }
	h2 {font-size: 18px; letter-spacing: -1px;}
	#headerImage img {max-width:400px !important;}
	.headerContact {top:80px;  }
	
}

@media (max-width: 660px) {
	
	#hamburger { top: 10px;}	
	#headerImage img {max-width:350px !important;}
	.col2 { width: auto !important; float: none !important; margin: 0 !important; padding-bottom: 20px;}
	.lastCol {padding-bottom: 0 !important;}
	.headerContact { top:70px; font-size: 14px;}
	 

}


@media (max-width: 568px) {
	
	#headerImage img {max-width:350px !important;}
	
}

@media (max-width: 530px) {
		.headerContact {display:none;}
	.socialNet {Top: 70px;}
}

@media (max-width: 478px) {
	.centreBlockHeader {font-size: 30px;font-weight: 600;}
	.parallaxCaption {font-size: 28px; letter-spacing:-1px;}
	.boxh2 { width:98%; }
	.boxCentreIndex { width:98%; }
	.introCopy {padding-right: 30%;}
	.introCopyTextTitle {font-size: 34px; line-height: 1;}
	.introCopyText {font-size: 26px;  line-height: 1;}
}

@media (max-width: 444px)
{
	#headerImage img {max-width:280px !important;}
	.introCopy {padding-top: 100px;padding-right: 15%; }	
}

@media (max-width: 360px) {
	
	li {font-size:14px;}
	.parallaxCaption {font-size: 24px;}
	.introCopy500 {font-size: 26px;padding-top: 20px;}
	.contentWrap { padding-bottom: 15px;}

}