.vc_row[data-vc-full-width] {
    overflow: visible;
}

.hero {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	position: relative;
}
.hero:not(.auto-height) {
	height: 500px;
}
.hero .page-caption {
    position: relative;
    padding: 2rem;
    background: rgba(255, 255, 255, .9);
	top: 30px;
}
.hero .page-caption h1, .hero .page-caption h2, .hero .page-caption h3, .hero .page-caption h4, .hero .page-caption h5 {
	margin-bottom: 1rem;
}
.hero .mobile-title,
.hero .main-title {
    transform: translateX(-50%);
    text-align: center;
    left: 50%;
    font-size: 48px;
    color: white;
	z-index: 44;
	margin: 0;
	width: 90%;
	position: absolute;
}
.hero .mobile-title.main-title-top,
.hero .main-title.main-title-top {
	top: 30px;
}
.hero .mobile-title.main-title-bottom,
.hero .main-title.main-title-bottom {
	bottom: 30px;
}
.hero .mobile-title.main-title-center,
.hero .main-title.main-title-center {
	top: 50%;
    transform: translate(-50%, -50%);
}
.hero .mobile-title.main-title-outside,
.hero .main-title.main-title-outside {
}

.hero .page-caption__picture-mobile {
	display: none;
}

.hero.auto-height .fake-img {
	opacity: 0;
}

.hero-full img {
	width: 100%;
}
.hero-full .page-caption {
	width: 100%;
    padding: 30px;
    margin-top: 50px;
}

@media screen and (min-width: 576px) {
	.hero.auto-height .container {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		height: 100%;
	}
}

@media screen and (max-width: 576px) {
	.hero.auto-height .fake-img {
		display: none;
	}
	.hero {
		background-image: none !important;
		height: auto !important;
	}
	.hero .main-title {
		display: none;
	}
	.hero .mobile-title {
		font-size: 8vw;
	}
	.hero .page-caption {
		top: 0;
		z-index: 1;
		padding: 2rem;
	}
	.hero .container {
		padding: 0;
	}
	.hero .page-caption__picture-mobile {
		display: block;
		position: relative;
		height: 25vh;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		z-index: 0;
	}
	.hero .breadcrumbs,
	.hero-full .breadcrumbs {
		margin-top: 0;
		font-size: .85rem;
	}
	.hero-full > .container {
		padding: 0;
		margin: 0;
	}
	.hero-full .page-caption {
		margin-top: 0px;
	}
	.hero-full .page-caption h1 {
		font-size: 2rem;
		margin-bottom: 1rem;
	}
	.hero-full .page-caption p {
		margin-bottom: 0;
	}
}