@media (max-width: 1199px){
	body {font-size: 18px;}
	.feature {margin: 2em 1% 1em;}
}
@media (max-width: 991px){
	body {font-size: 16px;}
	.site_box {padding: 0 4vw;}
	.logo {padding-left: 4vw;}
	.head_contacts {padding-right: 4vw;}
	.logo img {max-width: 250px;}
	#banner {margin-bottom: -70px;}
}
@media (max-width: 767px){
	.logo {width: 40%;}
	.logo img {max-width: 250px;}
	h1 {font-size: 2.5em;}
	h2 {font-size: 2em;}
	.site_box {padding: 0 1em;}
	.logo {padding-left: 1em;}
	.head_contacts {padding-right: 1em;}
	.feature {min-width: 46%;}
}
@media (max-width: 575px){
	header {flex-flow: row wrap;}
	h1 {font-size: 2em;}
	h2 {font-size: 1.7em;}
	.logo {
	    width: 100%;
	    margin-bottom: 1em;
	}
	.head_contacts {
	    padding-right: 0em;
	    width: 100%;
	    text-align: center;
	}
	#banner {
		background: url(../images/bg.jpg) no-repeat center;
		background-size: cover;
	}
	.footer_bottom .site_box {flex-flow: row wrap;}
	.developers {width: 100%;}
	.feature {
	    min-width: 100%;
	    margin: 1em 0%;
	}
}