article p a img{
		float: right;
}
article a
{
	color: #ef6b00;
	text-decoration: none;
}
body
{
	display: flex;
	flex-direction: column;
}
body#press article h1
{
	font-family: helvetica;
} 
article a img
{
	float: right;
	max-width: 100%;
    height: auto;
	max-height: 450px;
	border: 5px solid #383733;
}
article
{
	margin: 0 15% 5% 15%;
}
/*
Not sure how to qualify/scope this - JHW
Do we allow it to override the CSS for the whole page?
Or do we limit it somehow to only cover the press-specific body section?
*/
body#press article img
{
	float: right;
	max-width: 100%;
	height: auto;
	border: 1px solid black;
}
body#press article div:nth-child(2) 
{
  content: "";
  clear: both;
  display: table;
}
.media-youtube-video
{
	display: flex;
	flex-direction: column;
	align-items: center;
}
iframe
{
	max-width: 100vw;
}
@media only screen and (max-width: 1500px)
{
	article
	{
		margin: 0 0 0 0;
	}
    article h1
    {
        font-size: 20px;
    }
	article a img{
			float: unset;
	}
	article p a img{
			float: unset;
	}
}
/* Begin IE10 Optimization */
html[data-useragent*='MSIE 10.0'] body#article article a img[src="https://www.runphones.com/sites/default/files/RP_10ThingsForNewRunner-Blog_0.jpg"]{
        height: 1000px;
}
html[data-useragent*='MSIE 10.0'] body#article article a img[src="https://www.runphones.com/sites/default/files/team-picture-2015-feb.jpg"]{
        float: none;
}
html[data-useragent*='MSIE 10.0'] .sharing{
        clear: both;
}
/* End IE10 Optimization */