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

/* mobile nav */

#hamburger {
	display: none;
}

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

}


@media (max-width: 998px) {

	#nav {bottom: auto; right: auto; top: auto; width: 106.4%; background-color: #FFFFFF; margin: 0 -3.2%; display: none; }
	#nav ul { margin: 0; border-bottom: 1px solid #999a7b;}
	#nav ul li {float: none;}
	#nav li:hover ul { display: none;}
	#nav ul li a {text-align: center; padding: 10px 3%; border-right: none; }
	#nav ul li a {text-align: left;}
	#hamburger {display: inline; margin-right: 12px;}
	#nav > ul > li > a:after {display: none;}
	
	.introCopy {padding-top: 25%;	padding-right: 40%; line-height:1;}
	.introCopyTextTitle {font-size: 46px;}
	.introCopyText {font-size: 28px;}
	.colWrap.col2 { width: auto; float: none; margin: 0; padding-top: 20px;}
	.colWrap.col2.lastCol { padding-top: 0 !important;}
	.boxButton {width: 70%;}
	.boxButtonLeft { width: 40%;}
	
	.centreColSubTitle { letter-spacing: -1px;}
	
	li {font-size: 20px;}
	.towerMenulText {font-size: 18px;}	
}

@media (max-width: 826px) {
	.centreColSubTitle { letter-spacing: -1px;}
	.centreText {font-size:16px;}
	contentWrapInner { max-width: 90%;}
	p {font-size:16px;}
}


@media (max-width: 768px) {
		
	
	#hamburger { bottom: 20px;}
	#headerImage img {max-width:400px !important;}
	.headerContact {letter-spacing:-1px; }
	.towerMenulText {font-size: 18px;}
}

@media (max-width: 660px) {
	
	.headerContact {display:none;}
	#headerImage img {max-width:310px !important;}
	.col2 { width: auto !important; float: none !important; margin: 0 !important; padding-bottom: 20px;}
	.lastCol {padding-bottom: 0 !important;}
	.headerContact {top: 6px; }

}

@media (max-width: 568px) {
	
	#headerImage img {max-width:280px !important;}
	.wrap3 {font-size: 18px;}
	.headerContact {top:1px; }
	.centreColSubTitle {font-size: 24px;}
	.centreText {font-size:20px;}
	.compareTitle {font-size: 26px;}
	.contentWrapInner { max-width: 100%;}	
}


@media (max-width: 478px) {
			
	.centreBlockHeader { font-size: 28px;font-weight: 300;}
	.parallaxCaption {font-size: 28px; letter-spacing:-1px;}	
	.introCopy {padding-right: 30%;}
	.introCopyTextTitle {letter-spacing:0px;}
}

@media (max-width: 444px)
{
	#headerImage img {max-width:280px !important;}
	h1 {font-size: 20px;}	
	.introCopyTextTitle {font-size:36px;}
	
}

@media (max-width: 360px) {

	.parallaxCaption {font-size: 24px;}
	.contentWrap { padding-bottom: 15px;}

}