@CHARSET "UTF-8";

@media all and (max-width:1170px){
	.footer .narrow_hide{display:none;}
	.footer .narrow_show{display:inline;}
}

@media all and (max-width:1020px){
	.wrap {
		padding-left:30px;
		padding-right:30px;
	}
	blockquote br{display:none;}
	

}

@media all and (max-width:940px){
	.footer .mobile_hide{display:none;}
	.footer .mobile_show{display:inline;}
}

@media all and (max-width:800px){
	body {font-size: 14px;}
	
	.image_container.frontpage{
		padding:15% 0px;
		height:auto;
	}
		.image_container.frontpage img{
			padding-top:0px;
			width:80%;
		}
	.image_container,.yellow_box{
		height:350px;
	}
	
	[class*='col-'] {float: none;padding-left: 20px;width:100%;}
	.col-1-3{
		margin-bottom:30px;
	}
	
	.partners .col-1-3{
		float: left;
		padding-left: 20px;
		width:33.33%;
	}
	.people .col-1-3:after{content: "";display: table;clear: both;}
	.people .col-1-3:last-child{margin-bottom:0px;}
	.people .col-1-3 img{
		width:33%;
		float:left;
		display:block;
		opacity:1 !important;
	}
	.people .col-1-3 div{
		float:left;
		width:66%;
		display:block !important;
		position:relative !important;
		padding-bottom:0px !important;
	}	
	.video_container,.more_images{
		width:100%;
	}
	
	.works_tile .col-1-3, .works_tile .col-1-4{
		float: left;
		padding-left: 5px;
		width:50%;
		margin-bottom:0px;
	}
	
	.works_tile .campaign_works_container .col-1-3, .works_tile .campaign_works_container .col-1-4{
		padding-left:20px;	
	}
}

@media all and (max-width:550px){
	.wrap {
		padding-left:15px;
		padding-right:15px;
	}
	.works .wrap, .news .wrap{
		padding-left:0px;
		padding-right:0px;
	}
		.works .wrap h2, .news .wrap h2{
			margin-left:15px; 
		}
		.bx-wrapper .bx-viewport {
			left:0px;
		}
		.bx-wrapper .bx-controls-direction a{
			top:auto;
			bottom:10px;
		}
		.bx-wrapper .bx-prev {
			left: 10px;
		}
		
		.bx-wrapper .bx-next {
			right: 10px;
		}
		.work_info_container, .news_info_container{
			padding:40px 20px;
		}
	nav ul{
		float:none;
		margin-top:20px;
		margin-bottom:20px;
		display:none;
	}
		nav ul li{
			display:block;
			float:none;
			margin:10px 10px;
			text-align:center;
			font-size:1.3em;
		}
		.mobile_nav_btn{
			display:block;
		}
	h1,h2{
		font-size:1.4em;
	}
	blockquote{
		font-size:1.4em;
	}
	.content{
		padding:30px 15px 40px 15px;
	}
	.people .col-1-3 img{
		display:none;
	}
	.people .col-1-3 div{
		float:none;
		width:100%;	
	}
	.image_container.frontpage img{
			padding-top:30px;
	}
	.mobile_hide{display:none;}
	.mobile_show{display:inline;}
	.bx-wrapper .bx-pager.bx-default-pager a {	
		width:7px;
		height:7px;
		margin: 0 2px;
	}
}
@media all and (max-width:440px){
	.works_tile .col-1-3, .works_tile .col-1-4{
		width:100%;
	}
}