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

.hero {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 500px;
	width: 100%;
	position: relative;
}
.hero .page-caption {
    position: relative;
    padding: 2rem;
    background: rgba(255, 255, 255, .9);
	top: 30px;
}

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

@media screen and (max-width: 576px) {
	.hero {
		background-image: none !important;
		height: auto;
	}
	.hero .page-caption {
		top: 0;
		z-index: 1;
		padding: 2rem;
	}
	.hero .container {
		padding: 0;
	}
	.hero .page-caption__picture-mobile {
		display: block;
		position: relative;
		height: 300px;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		top: -20px;
		z-index: 0;
	}
}