.city-hero {
	position: relative;
	min-height: 880px;
	background-size: cover;
	background-position: top;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-align: center;
	max-width: 100% !important;
}

.city-hero__overlay {
	position: absolute;
	inset: 0;
	/*background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%), rgba(249, 156, 40, 0.01);*/
    background-blend-mode: multiply;
}

.city-hero__inner {
	position: relative;
	z-index: 2;
	max-width: 90%;
}

.city-hero__pre-title,
.city-hero__tagline {
	font-size: 48px;
	font-weight: 600;
	margin: 0 auto;
	text-transform: uppercase;
}

.city-hero__city {
	font-size: 224px;
	font-weight: 300;
	font-style: italic;
	margin: 0 auto;
}

.city-hero__caption {
	position: absolute;
	left: 50%;
	bottom: 80px;
	font-size: 30px;
	font-weight: 500;
	width: 320px;
	z-index: 2;
	line-height: 1.4;
	text-align: left;
}

@media (max-width: 768px) {
    .city-hero {
        min-height: 590px;
    }
    .city-hero__pre-title {
        font-size: 35px;
    }
    
    .city-hero__tagline,
    .city-hero__caption {
        font-size: 25px;
    }
    
    .city-hero__city {
        font-size: 60px;
        margin: 24px auto;
    }
    
    .city-hero__caption {
        left: 50%;
        transform: translateX(-50%);
		bottom: 0;
    }
}