#promo { display: flex; justify-content:space-between; align-items: center; }
#promo .content-block { width: 50%; background-color: #f5f5f7; padding: 5% 4%; }
#promo .image-block { width: 50%; padding: 0 6%; }
#promo .image-block img { max-width: 100%; }
#promo h2 { margin: 0; font-size: 28px; }
#promo .text { margin-top: 15px; }

@media screen and (max-width: 979px) and (min-width: 768px) {
	#promo .content-block { width: 48%;}
	#promo .image-block { padding: 0; }
}

@media screen and (max-width: 767px) {
	#promo { flex-wrap: wrap; }
	#promo .content-block { width: 100%; padding: 6% 4%; }
	#promo .image-block { width: 100%; margin-bottom: 30px; }
}