/* CSS Document */

@media screen and (max-width: 1920px) {
	.cc {
		width:75%;
	}
}
@media screen and (max-width: 1680px) {
	p {
		font-size:24px;
	}
	h2 {
		font-size:40px;
	}
	h3 {
	}
	h4 {
		font-size:24px;
	}
	#services ul li {
		font-size:22px;
	}
	#contact h3 {
		font-size:30px;
	}
	#contact p {
		font-size:20px;
	}
}
@media screen and (max-width: 1580px) {
	#TopNav ul li a {
		font-size:18px;
		margin: 0 15px;;
	}
}

@media screen and (max-width: 1440px) {
	#TopNav ul li a {
		font-size:16px;
		margin: 0 10px;;
	}
}

@media screen and (max-width: 1280px) {
	.cc {
		width:83%;
	}
	p, #services p {
		font-size:22px;
	}
	
	h2 {
		font-size:38px;
	}
	#services ul li {
		font-size:20px;
	}
	#contact h3 {
		font-size:28px;
	}
	#contact p {
		font-size:20px;
	}
	#TopNav {
		display:none;
	}
	#trigger {
		display:block;
	}
	header {
		position:relative;
	}
}

@media screen and (max-width: 1200px) {
	#TopNav {
		display:none;
	}
	#trigger {
		display:block;
	}
	header {
		position:relative;
	}
}

@media screen and (max-width: 1080px) {
	#contact .colLeft, #contact .colRight {
		width:100%;
		float:none;
	}
	#contact .colRight {
		margin-top:60px;
	}
}
@media screen and (max-width:1020px) {
	#logoParade {
		width:90%;
	}
}
@media screen and (max-width:990px) {
	#expertise #vats {
		display:block;
		margin:0 auto 20px;
	}
	#services ul li {
		width:auto;
		float:none;
	}
}

@media screen and (max-width:890px) {
	#community {
		background:#ebebeb;
	}
	#commLogos a {
    	margin: 20px auto;
    	display: block;
	}
	.colLeft, .colRight {
		float:none;
		width:100%;
		margin:0 auto 50px;
	}
	h4 {
		margin-top:15px;
	}
}
@media screen and (max-width:870px) {
	#logoParade {
		width:450px;
	}
	.slick-prev {
    	left: -75px;
	}
}
@media screen and (max-width: 680px) {
	.slick-prev, .slick-next {
		display:none !important;
	}
}
@media screen and (max-width:580px) {
	#contact p {
		font-size:17px;
	}
}
@media screen and (max-width:520px) {
	#logoParade {
		width:200px ;
	}
}

@media screen and (max-width:450px) {
	#email strong {
		display:none;
	}
	p, #services p {
    	font-size: 18px;
		line-height:30px;
	}
	h2 {
		font-size:32px;
		
	}
	.cc {
		width: 87%;
	}
}
@media screen and (max-width:420px) {
	#contact p#email {
		font-size: 18px;
		line-height: 22px;
		padding: 2px 0 13px 65px;
	}
	#contact p#postal {
		line-height:22px;
		padding: 5px 0 13px 65px;
	}
	.mobContent {
		display:block;
	}
	.logo {
	    width: 180px;
	}
	#trigger {
		margin-top:33px;
	}
}