.typography-headline-elevated {
	font-size: 55px;
}

@media only screen and (max-width: 1068px) {
	.typography-headline-elevated {
		font-size: 46px;
	}
}

@media only screen and (max-width: 734px) {
	.typography-headline-elevated {
		font-size: 40px;
	}
}

.grid-modal .modal-content {
	padding: 62px;
}

@media only screen and (max-width: 1068px) {
	.grid-modal .modal-content {
		padding: 30px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-modal .modal-content {
		padding: 22px;
	}
}

.detail-tiles .detail-tile {
	display: flex;
	flex-direction: column;
	background-color: #1d1d1f;
}

@media only screen and (max-width: 1068px) {
	.detail-tiles .detail-tile {
		min-height: 710px;
	}
}

@media only screen and (max-width: 734px) {
	.detail-tiles .detail-tile {
		min-height: 592px;
	}
	.detail-tiles .grid-item-tile-information > div.tile.detail-tile {
		min-height: 642px;
	}
}

@media only screen and (max-width: 390px) {
	.detail-tiles .detail-tile {
		min-height: 606px;
	}
	.detail-tiles .grid-item-tile-information > div.tile.detail-tile {
		min-height: 761px;
	}
}

@media only screen and (max-width: 734px) {
	.detail-tiles .detail-tile.full-width {
		min-height: 682px;
	}
}

@media only screen and (max-width: 375px) {
	.typography-headline {
		font-size: 30px;
	}
}

@media only screen and (max-width: 370px) {
	.typography-headline-super {
		font-size: 39px;
	}
}

.typography-headline-reduced {
	font-size: 40px;
}

@media only screen and (max-width: 1068px) {
	.typography-headline-reduced {
		font-size: 28px;
	}
}

@media only screen and (max-width: 734px) {
	.typography-headline-reduced {
		font-size: 28px;
	}
}

@media only screen and (max-width: 320px) {
	.detail-tiles .detail-tile .tile-header-content {
		padding-left: 22px;
		padding-right: 22px;
	}
}

@media only screen and (max-width: 375px) {
	.grid-modal .modal-content {
		padding: 22px;
	}
}