/**
 *  Responsive style
**/

@media
    all and (-moz-min-device-pixel-ratio:1.3), 
    all and (-o-min-device-pixel-ratio:2.6/1.3), 
    all and (-webkit-min-device-pixel-ratio:1.3), 
    all and (min-device-pixel-ratio:1.3) {

	#logo a {
		background: url("../img/logo2x.png") no-repeat center center;
		-webkit-background-size: 180px 34px;
		-moz-background-size: 180px 34px;
		-o-background-size: 180px 34px;
		background-size: 180px 34px;
	}
	
}

@media (max-width: 991px) {

	p.lead {
		font-size: 20px;
	}

	.container {
		padding-left: 20px;
		padding-right: 20px;
	}

	#header,
	#services,
	#awards,
	#clients,
	#projects,
	#contacts,
	#footer {
		height: auto;
		min-height: inherit;
	}
	
	#header p.lead {
		color: #333;
		margin: 40px 0 20px;
	}

	#header .container {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	a.contact-link {
		line-height: 24px;
		font-size: 16px;
	}
	
	#services .container {
		padding-top: 30px;
		padding-bottom: 45px;
	}

	#services ul {
		font-size: 14px;
		line-height: 20px;
	}
	
	#services a.pdf-link {
		padding: 10px 20px;
	}
	
	#awards .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#clients .row-5 {
		margin-top: 0;
	}

	#clients .col-md-3, #clients .row-5 .col {
		width: 50%;
		float: left;
	}

	#clients .row-5 .col:last-child {
		width: 100%;
	}

	#clients .container {
		padding: 30px 15px 20px;
	}

	#projects .container {
		padding: 0 15px;
	}

	#contacts p.lead {
		margin-bottom: 40px;
	}

	#contacts .person p {
		margin: 5px 0;
	}
	
	a.fb-link {
		margin: 20px 0 0;
	}

}

@media (max-width: 641px) {

	#clients .col-md-3, #clients .row-5 .col {
		width: 100%;
		float: none;
	}

}

@media (max-width: 481px) {

	#contacts img {
		float: none;
		display: block;
	}

}