$shadow-text: 0 1px 1px rgba($color-black, 0.7);
$font-size-banner : 26px;

.hero-banner {
	min-height: 340px;
	background-size: cover;
	background-position: center;
	position: relative;
	height: calc(100vh - 50px);

	@include media-breakpoint-up(md) {
		min-height: 500px;
		height: 50vh;
	}
}

.hero-banner__caption {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	text-align: center;

	@include media-breakpoint-up(lg) {
		text-align: right;
		top: auto;
		bottom: 50px;
	}
}

.hero-banner__title,
.hero-banner__content {
	color: $color-white;
	font-weight: 400;
	text-transform: uppercase;
	text-shadow: $shadow-text;
	
}

.hero-banner__title {
	font-size: $font-size-banner;
	letter-spacing: 2px;
	margin-bottom: 15px;
}
.hero-banner__content {
	letter-spacing: 1px;
	font-size: $small-font-size;
}
.hero-banner__content {}
.hero-banner__item {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.hero-banner__logo__link {
	position: absolute;
	top: 5%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, 0);

	@include media-breakpoint-up(lg) {
		display: none;
	}
}

.link-view-video,
.link-view-photo {
	color: $color-white;

	&:hover,
	&:focus {
		text-decoration: none;
	}
}
.hero-banner__logo {
	width: 140px;

	@include media-breakpoint-down(sm) {
		width: 80px;
	}
}
.simple-label {
	
	padding: 0 10px 0 0;
	margin-right: 10px;
	display: block;

	@include media-breakpoint-up(md) {
		display: inline-block;
		border-right: solid 1px $color-white;
	}
}

.hero-banner--w {
	 * {
		color: $color-black;
		border-color: $color-black;
	}

}