/* Default fallback: any browser that gets neither class (Firefox, Edge, etc.)
 * still gets a working video instead of a blank block. WebM is the safer
 * universal default here since it's the more broadly supported codec.
 */
.peakt-hero-video-dual .hero-video-webm {
	display: block;
}

body.browser-chrome .peakt-hero-video-dual .hero-video-webm {
	display: block;
}
.peakt-hero-video-dual .hero-video-mov,
body.browser-chrome .peakt-hero-video-dual .hero-video-mov,
body.browser-safari .peakt-hero-video-dual .hero-video-webm {
	display: none;
}

body.browser-safari .peakt-hero-video-dual .hero-video-mov {
	display: block;
}

.peakt-hero-video-dual video {
	width: 100%;
	height: auto;
	display: block;
}