.article-header,
article.tips_prevention .tips_header
{
	background: #09172d;

	color: #e5e5e5;
	font: normal 300 14px/1.28 "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 0.02em;

	clear: both;
	display: block;
	margin: 0 auto;
	padding: 150px calc(50vw - (970px / 2)) 75px;
	position: relative;

	max-width: 100%;
	width: 100%;

	z-index: 4;
}

.article-header *
{
	position: relative;
}

.article-header h1
{
	font: normal 600 60px/1.06 "Barlow Condensed", sans-serif;
	letter-spacing: 0.015em;
	text-transform: none;

	box-sizing: border-box;
	padding-right: 100px;
}

.article-header h1:before
{
	color: #f8be21;	
	font: normal 300 14px/1.28 "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 0.02em;
	text-align: left;

	clear: both;
	display: block;
	margin-bottom: 20px;

	content: attr(itemprop);
}

.article-header .post-meta
{
	color: #b3b3b3;

	border-top: #1e293a solid 2px;
	box-sizing: border-box;
	display: flex;
	 align-items: center;
	 flex-flow: row wrap;
	 justify-content: flex-start;
	margin-top: 45px;
	padding-top: 45px;
}

.article-header .post-meta .meta
{
	box-sizing: border-box;
	display: inline-block;
}

.article-header .post-meta .meta + .meta
{
	border-left: #1e293a solid 2px;
	margin-left: 25px;
	padding-left: 25px;
}

.article-header .post-meta [download]
{
	transition: color .25s ease;

	color: #f2f2f2;
	font-size: 16px;
	font-weight: 700;
	text-decoration: underline;

	box-sizing: border-box;
	display: inline-block;
	margin-left: auto;
	padding-right: 35px;
	position: relative;
}

.article-header .post-meta [download]:after
{
	transform: translateY(-50%);

	color: #f8be21;
	font: normal 400 175%/1 "USPIS UI", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-variant: normal !important;
	line-height: inherit;
	text-transform: none !important;
	speak: none;
	vertical-align: middle;

	position: absolute;
	 top: 50%;
	 right: 0;

	content: "\68";
}

@media (hover: hover), all and (-ms-high-contrast: none)
{
	.article-header .post-meta [download]:hover,
	.article-header .post-meta [download]:focus
	{
		color: #f8be21;
	}
}

@media only screen and (max-width: 1176px)
{
	.article-header,
	article.tips_prevention .tips_header
	{
		padding: 95px 8.5%;
	}

	.article-header h1
	{
		font-size: 38px;
		line-height: 42px;
		padding-right: 65px;
	}

	.article-header h1:before
	{
		font-size: 13px;
	}

	.article-header .post-meta
	{
		justify-content: stretch;
		margin-top: 8vmin;
		padding-top: 8vmin;
	}

	.article-header .post-meta .meta
	{
		font-size: 13px;

		box-sizing: border-box;
		display: inline-block;
		flex: 1 1 auto;
	}

	.article-header .post-meta .meta + .meta
	{
		text-align: right;

		border-left: #1e293a solid 2px;
		margin-left: 3vmin;
		padding-left: 3vmin;
	}

	.article-header .post-meta [download]
	{
		flex: 0 0 auto;
		margin-top: 6vmin;
		margin-right: auto;
		margin-left: 0;
	}
}

article.article
{
	background: #f2f2f2;
}

.article_body
{
	background: #f2f2f2;

	color: #484848;
	font: normal 300 16px/1.875 "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 0.01em;

	margin: 0 auto;
	padding: 0 calc(50vw - (976px / 2));
	position: relative;

	width: 100%;
}

.article_body .article-content
{
	padding: 75px 0 50px;
}

.article_body .article-content p
{
	margin: 0 0 1em;
}

.article_body .article-content p:last-of-type
{
	margin: 0;
}

.article_body .article-content p:first-of-type:before
{
	color: #f8be21;
	font: normal 400 48px/16px "USPIS UI", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-variant: normal !important;
	speak: none;
	text-transform: none !important;
	vertical-align: middle;

	display: inline-block;
	margin-right: 8px;

	content: "e";
}

.article_body .video
{
	border-top: #e5e5e5 solid 1px;
	display: flex;
	 align-items: flex-start;
	 flex-flow: row nowrap;
	 justify-content: space-between;
	padding: 50px 0;
	position: relative;
	 z-index: 2;
}

.article_body .video .video-info
{
	display: block;

	width: 276px;
}

.article_body .video .video-info .video-title
{
	color: #09172d;
	font: normal 700 28px/1 "Barlow Condensed", sans-serif;
	letter-spacing: .01em;

	display: block;
	margin-bottom: 20px;
}

.article_body .video .video-embed
{
	display: block;

	max-width: 100%;
	width: 574px;
}

.article_body .video .video-embed iframe
{
	height: 320px;
	width: 100%;
}

.article_body .video .video-embed .transcript-link
{
    color: #6e6e6e;
    font: normal 700 14px/1.87 "Helvetica Neue", Helvetica, sans-serif;
	text-decoration: underline;

	display: block;
}

@media only screen and (max-width: 1176px)
{
	.article_body
	{
		padding-right: 30px;
		padding-left: 30px;
	}

	.article_body .video
	{
		flex-direction: column;
	}
}