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

/* mobile nav */

#hamburger {
	display: none;
}

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

}



@media (max-width: 998px) {

	h2 {font-size: 28px;}
	h4 {font-size: 36px;}
	.colWrap.col2 { width: auto; float: none; margin: 0; padding-top: 20px;}
	.colWrap.col2.lastCol { padding-top: 0 !important;}
	#headerImage img {max-width:450px !important;}
}


@media (max-width:870px) {

	#headerImage img {max-width:375px !important;}
	h1 {font-size: 30px;}
	h4 {font-size: 32px;}
	p {line-height: 1.2;}
	.centreBlockHeader {font-size: 46px;}

	
}

@media (max-width:810px) {
	
	#nav {bottom: auto; right: auto; top: auto; width: 106.4%; background-color: #FFFFFF; margin: 0 -3.2%; }
	#nav ul { margin: 0; border-bottom: 1px solid #C3A865;}
	#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  #C3A865;}
	#nav ul li a {text-align: left;}
	#hamburger {display: inline; margin-right: 2px;}
	#nav > ul > li > a:after {display: none;}
	
	#headerImage img {max-width:400px !important;}
	
	h2 {font-size: 22px;}
}

@media (max-width:770px) {
	
	
	.headerContact {font-size:18px;line-height: 1.3;}
	.boxList {	width: 98%; }
}

@media (max-width: 650px) {
	
	h1 {margin-top: 50px; font-size:20px;}
	h2 {font-size: 30px;}

	.col2 { width: auto !important; float: none !important; margin: 0 !important; padding-bottom: 20px;}
	.lastCol {padding-bottom: 0 !important;}
	
	.marginTopRight { margin-top: 0px;}
	.introCopy {padding-top: 180px;}
}



@media (max-width: 568px) {
	
	.openingParaSmaller {font-size: 18px;line-height: 1.1;}
	.quoteBox { line-height: 1.1;}
	.quote{ font-size:36px; bottom: -4px;}
	.leftImage2 {margin-top:10px;}
	#headerImage img {max-width:350px !important;}
		h5 {font-size: 20px;}
}

@media (max-width: 530px) {
	
	
	.headerContact {font-size:14px;	line-height: 1.4;}
}


@media (max-width: 478px) {
	
	
	.centreBlockHeader {font-size: 30px;font-weight: 600;}
	.parallaxCaption {font-size: 28px; letter-spacing:-1px;}

	
}

@media (max-width: 444px) {
	
	h2 {font-size: 24px;}
	h5 {font-size: 18px!important;}
	#headerImage img {max-width:320px !important;}
	.introCopyTextTitle {font-size: 44px;}
	.introCopyText {font-size: 32px;}
	
}

@media (max-width: 360px) {
	

	p {font-size:14px;}
	.parallaxCaption {font-size: 24px;}
	h5 {font-size: 20px;}
}