﻿.ww-banner-sub--support {
	background-color: #FFD27C;
}

.video-header {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	margin-top: 4em;
	border-radius: 10px;
	background-color: #FFD27C;
	padding-bottom: .5em;
	margin-bottom: 2.5em;
}

.icon-video {
	fill: none !important;
	stroke: none !important;
	color: #ef6531 !important;
	font-size: 50px !important;
}

.video-header-icon {
	flex: 10%;
	flex-grow: 0;
	padding-top: 22px;
	padding-left: 1%;
	padding-right: 1%;
}

	.video-header-icon svg {
		width: 100%;
	}

.video-header-title {
	flex: 70%;
	flex-grow: 10;
}

	.video-header-title h2 {
		font-size: 1.8em;
		font-weight: bold;
		padding-top: 2px;
		margin-bottom: .23em;
	}

.video-header-download {
	flex: 20%;
	flex-grow: 0;
	padding-top: 8px;
}

	.video-header-download a {
		min-width: 70%;
		font-size: 1.2vw;
		background-color: #ef6531;
		color: white;
	}

		.video-header-download a .icon {
			color: white;
		}

		.video-header-download a svg {
			height: 1.2vw;
			width: 1.2vw;
		}


@media (max-width:860px) {
	.video-header-download a svg {
		display: none;
	}
}


@media (max-width:1024px) {
	.video-header-download a svg {
		display: none;
	}
}


@media (min-width:1280px) {
	.video-header-download a {
		font-size: 14px;
	}

		.video-header-download a svg {
			height: .9em;
			width: 1em;
		}

		.video-header-download a.ww-button--block .icon {
			margin-top: -1px;
		}
}
