/* HP
	<div id="ddd_hp_banner">
		<span class="ddd_date">5.12</span><strong class="ddd_heading">DZIEŃ DARMOWEJ DOSTAWY</strong><span class="ddd_truck"></span>
	</div>
*/

#ddd_hp_banner {
	background: url(/sites/all/themes/kross_bootstrap/images/ddd_background.jpg) no-repeat center center;
	background-size: cover;
	display: flex;
	justify-content: center;
	color: white;
	font-size: 4.8rem;
}
#ddd_hp_banner .ddd_date {
	margin-left: auto;
}
#ddd_hp_banner .ddd_heading {
	margin: 0 1em;
	font-family: "dinprobold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#ddd_hp_banner .ddd_truck {
	margin-right: auto;
	background: url(/sites/all/themes/kross_bootstrap/images/ddd_truck.png) no-repeat center center;
	background-size: contain;
	width: 7rem;
}

@media (max-width: 1024px) {
	#ddd_hp_banner {
		font-size: 3rem;
	}
	#ddd_hp_banner .ddd_truck {
		width: 5rem;
	}
}

@media (max-width: 640px) {
	#ddd_hp_banner .ddd_truck {
		display: none;
	}
	#ddd_hp_banner  {
		flex-direction: column-reverse;

	}
	#ddd_hp_banner strong,
	#ddd_hp_banner span {
		margin: 0 auto;
		line-height: 1.4em;
		text-align: center;
	}
}