.collection {
	position: relative;
	padding-top: 35%;
	margin-bottom: 30px;
	background-color: #212121;
}

.collection__cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: 50% 50% no-repeat;
	background-size: cover;
}

.collection__title {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 15px;
	line-height: 1.3;
	color: #ffcc00;
	font-family: "Bellota Text", sans-serif;
	font-weight: 700;
	font-size: 18px;
}

@media (min-width: 768px) {

.collection__title {
	left: 30px;
	right: 30px;
	bottom: 30px;
	font-size: 25px;
}

}

@media (min-width: 1024px) {

.collection {
	margin-bottom: 70px;
}

}