.promo-block {
	width: 100%;
	height: 180px;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin-bottom: 5px
}
.promo-block div.caption {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(60, 70, 80, 0.851) 70%);
	background-repeat: repeat-x;
	bottom: 5px;
	left: 0px;
	margin: 0px 15px;
	padding: 30px 20px 10px;
	position: absolute;
	right: 0px;
	text-shadow: 0px 0px 3px #28323C;
}
a.promo-link, a.promo-link:hover {
	color:#FFF;
}

@media screen and (max-width: 768px) {
	.promo-block div.caption {
		bottom: 0px;
	}
}
@media screen and (max-width: 992px) and (min-width: 768px) {
	.promo-block div.caption {
		padding: 20px 10px 5px;
		font-size: 12px;
	}
}