.offer-banner{
	display: none;
}

@media (min-width: 768px){
		
	.offer-banner{
		display: -webkit-flex;
		display: flex;
		background-color: #f4f5f8;
	}
	
	.offer-banner__item{
		-webkit-flex-grow: 1;
		flex-grow: 1;
		margin: 1rem;
		padding: 1em;
		border: 2px solid #000;
		overflow: hidden;/* чтобы при анимации не вылезало ничего */
		text-align: center;
	}

	.offer-banner__item > :nth-child(1){
		font-size: 3em;
		font-weight: bold;
		line-height: 1;
	}

	.offer-banner__heading,
	.offer-banner__description{
		display: block;
		margin: 0;
	}

	.offer-banner__link{
		display: block;
		color: inherit;
		text-decoration: none;
	}
	
	.offer-banner__link:hover{
		color: inherit;
		text-decoration: none;
	}

}

@media (min-width: 992px){

	.offer-banner__item{
		-webkit-flex-grow: 1;
		flex-grow: 1;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: left;
	}

	.offer-banner__item > :nth-child(1){
		margin-right: 1rem;
	}
	
	.offer-banner__item > :nth-child(2){
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}

}