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

/* mobile nav */

#hamburger {
	display: none;
}

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

@media (max-width: 1128px) {
	
#nav {bottom: auto; right: auto; width: 106.4%; background-color: #FFFFFF; margin: 0 -3.2%;}
	#nav ul { margin: 0; border-bottom: 1px solid #308596;}
	#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  #308596;}
	#nav ul li a {text-align: left;}
	#hamburger {display: inline; margin-right: 10px;}
	#nav > ul > li > a:after {display: none;}
		
.quoteBox {width: 80%;}	
.testP {font-size:20px; line-height:1.2;}
}



@media (max-width: 998px) {

#headerImage img { max-width:250px !important; }
.colWrap.col2 { width: auto; float: none; margin: 0; padding-top: 20px;}
.colWrap.col2.lastCol { padding-top: 0 !important;}
.christmasGreeting { max-width:60%;font-size:36px;}
}


@media (max-width:870px) {

	h1 {font-size: 30px;}
	h2 {font-size: 20px;}
	p {line-height: 1.2;}
	.blockLink, iframe {height: 200px;}
	.quoteBox { font-size: 18px; width: 90%;}
}

@media (max-width:800px) {
	.quoteBox {  width: 95%;}
	
	h2 {letter-spacing:-1px; }
}

@media (max-width:770px) {
	
	#nav{font-size: 14px;}
	.quoteBox { font-size: 18px; width: 95%;}
	.leftImage2 {margin-right: 30px;}
	
}

@media (max-width: 650px) {
	
	.leftImageLiz {marginTop: 30px; margin-bottom:0;}
	.leftImage {margin-bottom:5px;}
	.leftImage2 {margin-bottom:60px;}
	.col2 { width: auto !important; float: none !important; margin: 0 !important; padding-bottom: 20px;}
	.lastCol {padding-bottom: 0 !important;}
	
}

@media (max-width: 600px) {
	
	.leftImage2 {margin-bottom:100px;}
	
	

}




@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;}
}

@media (max-width: 478px) {
	.centreBlockHeader {
    font-size: 30px;
}
	.rightImage {float: left;}
	.leftImage2 {margin-top:20px; margin-bottom: 60px;}
	.parallaxCaption {font-size: 26px; letter-spacing:-1px;}
	.testP {font-size:16px; line-height:1;}
	.quote {font-size:36px; bottom:-10px;}
	
	
}

@media (max-width: 428px) {
	
	.headerContact {display:none;}
	.leftImage2 {margin-bottom: 20px; margin-right: 6px;}
	.clientSiteTitle {font-size: 30px;}
		.introCopy {padding-right: 2%;}
	
}

@media (max-width: 360px) {
	
	
	
	.parallaxCaption {font-size: 22px;}

	.quoteBox {width: 100%; padding-right: 0px;}
	.testP {font-size:14px;}
	
	
}