@media (max-width: 1200px) {
	.promo .text-1, .promo .text-2 {
		font-size: 48px;
	}
}
@media (max-width: 1100px) {
	.middle {
		grid-template-columns: 100%;
	}
	.bg-header {
		min-height: 600px;
	}
}
@media (max-width: 900px) {
	.content > p, .content ul {
	    line-height: 24px;
	}
	.header {
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-gap: 30px;
	}
	.logo a {
		float: none;
	}
	.header .contacts {
		flex-direction: row-reverse;
		min-height: 70px;
	}
	.promo .text-1, .promo .text-2 {
		font-size: 38px;
	}
	.menu {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		grid-gap: 20px;
	}
	.scheme-of-work {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		grid-gap: 3vw;
	}
	.scheme-of-work li {
		justify-content: space-around;
	}
	.our-clients {
		overflow: hidden;
	}
	.footer {
		display: grid;
		grid-template-columns: 100%;
		justify-items: center;
		grid-gap: 40px;
	}
	.modal .form {
		width: 60%;
	}
}
@media (max-width: 750px) {
	.background .inner {
		display: grid;
		grid-template-columns: 100%;
		grid-gap: 15px;
	}
}
@media (max-width: 650px) {
	.logo {
		text-align: center;
	}
	.header .contacts {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.promo .text-3 {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.modal .form {
		width: 80%;
	}
}
@media (max-width: 500px) {
	.our-clients {
		flex-direction: column;
	}
	.footer .menu {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
		grid-gap: 20px;
	}
}