@media only screen and ( max-width: 1170px ){
	header .top{
		width: 100%;
	}
	

	
	.ue > .center{
		width: 100%;
	}
	
	.bottom > .center {	width: 100%	}	
	.bottom > .center > .slogan{	display: none;}
	.bottom > .center > .contact{	width: 33.33%}	
	.bottom > .center > .form{	width: 66.66%}	
	
	footer > .center{
		width: 100%;
	}
	

	
}


@media only screen and ( max-width: 1050px ){
	.splash > .center{
		width: 100%;
	}
		header .top .extras_menu{
		display: none;
	}
}


@media only screen and ( max-width: 890px ) {
	.splash > .center{
		height: 600px;
	}
	.tiles > .bg{
		width: 50%;
	}

	.tiles > .bg:nth-child(even){
		border-right: none;
	}
	
	.info > .right{
		display: none;
	}
	.info > .left{
		width: 100%;
	}
	
	
	.bottom > .center {	width: 100%	}	
	.bottom > .center > .contact{	display: none}	
	.bottom > .center > .form{	width: 100%}	


	footer > .center > ul > li{
		float: none;
	}
	footer > .center{
		height: auto;
	}
	
	footer > .center > ul {
		padding: 20px 0;
	}
	
	footer > .center > ul > li{
		padding: 20px 10px 10px 20px;
	}
	footer > .center > .up{
		right: 20px;
	}
	

	
	
}




@media only screen and ( max-width: 700px ) {

	.ue > .center > .box{
		width: 100%;
	}

	.splash > .center > .intro > .right{
		display: none;
	}
	.splash > .center > .intro > .left{
		width: 100%;
	}
	
	.breath > a > img{
	
		top: 40px;
		
		width: 80px;
		height: 80px;
	
	}	
	
}



@media only screen and ( max-width: 400px ) {

	.bottom > .center > .slogan{	display: none;}
	.bottom > .center > .contact{	width: 100%; display: inline; }	
	.bottom > .center > .form{	display: none}		
	


}

.tiles > .bg > .tile > .icon > h3{
	font-size: 14px;
	font-weight: 400
}