/*-------------------
---- Main Styles ----
---------------------*/

html,body{
	height:100%;
}



a:focus,
button:focus{
  outline: none !important;
}

a{
	color: #00CCCB;
	-webkit-transition:color .15s ease-out;
	transition:color .15s ease-out;
}

a:hover,
a:focus{
	color: #89949C;
	text-decoration: none;
}



.lead{
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 300;
	color: #39444C;
}


/*
.section-title{
	margin-bottom: 50px;
	margin-top: 0;
	font-size: 62px;
	font-weight: 400;
	color: #39444C;
	text-align: center;
}

.section-title span{
	position: relative;
	top:-20px;
	font-size:42px;
	font-weight: 400;
}

.section-title + .subtitle{
	margin:-40px 0 50px;
	font-size: 21px;
	text-align: center;
}

.margin-top{
	margin-top: 60px !important;
}

.row-title{
	color:#39444C;
	font-weight: 400;
}

.push-down{
	margin-top:120px;
}

.img-center{
	margin: 0 auto;
}

.margin-grid{
	margin-bottom: 30px;
}

hr{
	border-color:#b9c4cC;
	margin:80px 0 80px;
}

.flexslider{
	margin:0;
	padding:0;
	border:none;
	box-shadow:none;
	background:transparent;
}
*/







/*---------------------
---- Header Styles ----
-----------------------*/







@media (min-width:1500px){
	.container{width:1500px;}
	#project-viewer .container{width:1170px;}
	
}


@media (max-width:1199px){
	
	.push-down {
		margin-top:60px;
	}
			

}

@media (max-width:991px){
		
	.push-down {
		margin-top:0;
	}
		

}

@media (max-width:767px){
	
	.btn-group{
		margin-bottom: 40px;
	}
	
	.btn-group .btn{
		padding:7px 30px;
	}

	#filter-works{
		margin-bottom: 60px;
	}
	
	#filter-works .btn{
		float:none;
		margin:2px 0;
		border-radius: 0 !important;
	}
	
	#filter-works .project-count{
		display: none;
	}
	
	.cta{
		padding:80px 0;
	}
	
	.cta p{
		margin-bottom: 40px;
		font-size: 24px;
	}
	
	.big-padding{
		padding:80px 0;
	}
	
	.push-down{
		margin-bottom:60px;
		text-align: center;
	}
	
	.section-title{
		margin-bottom: 30px;
		font-size: 38px;
	}

	.section-title span{
		top:-15px;
		font-size:28px;
	}

	.section-title + .subtitle{
		margin:-30px 0 40px;
		font-size: 18px;
	}

	.row-title{
		font-size: 24px;
	}
	
	.lead{
		margin-bottom: 30px;
		font-size: 24px;
	}
	
	.btn-dc{
		padding:8px 40px;
		font-size:18px;
	}
	
	.btn-dc:hover{
		padding-right:50px;
	}
	
	.btn-dc:after{
		margin-left:5px;
	}
	
	.btn-dc:hover:after{
		margin-left:15px;
	}



}