/* MEDIUM AND LARGE */
@media (min-width: 992px) {
	.banner-image-small {
		display: none;
	}
}

/* SMALL AND X-SMALL */
@media (max-width: 991px) {
	.banner-image-large {
		display: none;
	}
}

#banner-sidebar {
	width: 100%;
}
#banner-sidebar img, #banner-sidebar video {
	width: 100%;
	height: auto;
}
.banner-link {
	display: block;
	text-align: right;
	padding: 0;
	color: #000;
	text-decoration: none;
	font-size: 0.7em;
	width: 100%;
}
.banner-link:active, .banner-link:visited, .banner-link:hover {
	text-decoration: none;
	color: #000;
}

#banner-top {
	/* Extra small devices (phones, 600px and down) */
	@media only screen and (max-width: 600px) {
		--banner-height: 5rem;
	}

	/* Small devices (portrait tablets and large phones, 600px and up) */
	@media only screen and (min-width: 600px) {
		--banner-height: 7rem;
	}

	/* Medium devices (landscape tablets, 768px and up) */
	@media only screen and (min-width: 768px) {
		--banner-height: 10rem;
	}


	width: 100%;
	.banner-placeholder-hidden {
		height: 0;
		display: none;
	}
	.banner-placeholder-visible {
		height: var(--banner-height);
	}
	.banner-link {
		height: var(--banner-height);
		
	}
	img {
		object-fit: contain;
		width: 100%;
		height: calc(var(--banner-height) - 2rem);
	}
	video {
		object-fit: contain;
		width: 100%;
		height: calc(var(--banner-height) - 2rem);
	}
}