/* #region [mobile] */

.main {
	position: relative;
	height: 70dvh;
}

.main__cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main picture:before {
	display: none;
}

.main picture:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25%;
	background: linear-gradient(to top, black, rgba(56, 56, 56, 0));
}

.main .container {
	margin-top: auto;
}

.main .title {
	position: relative;
	color: white;
	text-align: center;
}

/* #endregion */


/* tablets */
@media (min-width: 30rem) {

}


/* desktop */
@media (min-width: 64rem) {

	/* .main {
		height: 100dvh;
	} */

}

@media (min-width: 85.375rem) {

}