@media (max-width: 1000px) {
	header, .content, .footer { width: 100%; box-sizing: border-box; }
}
@media (max-width: 786px) {
	header.header { height: 300px; }
	
	.header .contacts .logo { margin: 10px;}
	.header .contacts .logo a img { 
		height: auto;
		width: 70px;
	}
	.header .contacts .contact-data { font-size: 19px; margin: 20px 10px; }
	
	.header .text-block { margin: 10px;}
	.header .text-block h1, h2.add-title { font-size: 23px; text-shadow: 3px 3px 0 black;}
	
	.content > h2{ margin: 30px 10px;}
	
	hr { margin: 0 10px; }
	
	.content > .text { margin: 30px 10px; text-indent: 5px; }
	
	.content .service-catalog { margin: 30px 10px; }
	.content .service-catalog > div { 
		margin: 10px;
		font-size: 15px;
	}
	
	.content .price-list { margin: 30px 10px; }
	.content > .price-list > .price-list-table { font-size: 14px; }
	
	.footer { height: 100%; }
	.footer > .contacts-bottom { height: 185px; padding: 10px;}
	.footer > .contacts-bottom > .request-form { display: none; }
	.footer > .contacts-bottom div { display: inline-block; }
	.footer > .contacts-bottom > .logo { font-size: 11px;}
	.footer > .contacts-bottom > .logo > img { width: 60px; height: auto; }
	.footer > .contacts-bottom > .telephones {
		margin: 10px;
		font-size: 14px;
		
	}
	.footer > .contacts-bottom > .telephones > ul > li > a i {
		font-size: 25px;
		padding: 2px;
	}
}