/**********************************************************************************
*  PageArticle
************************************************************************************/ 

*[class*='page-article'] { padding: 0 0 20px 0; }
*[class*='page-article'] figure {  }
*[class*='page-article'] figure img { }
*[class*='page-article'] figcaption { color: #777; font-weight: normal; font-style:italic; margin:5px 0; }
*[class*='page-article'] figure.element { }
*[class*='page-article'] .facts { width: 40%; float: right; clear:right; margin: 0 0 14px 20px;}
*[class*='page-article'] *[class*="element-"] { margin-bottom: 15px; }
*[class*='page-article'] .teaser { font-family: 'Open Sans', Arial, “Helvetica Neue”, Helvetica, sans-serif; color: #777; font-weight: 500; font-size: 16px; line-height: 19px; margin: 0 0 25px 0; }
*[class*='page-article'] .byline { font-family: 'Open Sans', Arial, “Helvetica Neue”, Helvetica, sans-serif; color: #777; font-weight: 500; font-size: 13px; line-height: 14px; margin: 0 0 25px 0; }

/* PageArticleSmallMedia
-------------------------------------------------------------- */
.page-article-small-media .small-media figure img {margin: 0 0 7px 0; }
.page-article-small-media .small-media { width: 50%; float:right; margin: 0 0 0 20px;}

/* PageArticleLargeMedia
-------------------------------------------------------------- */
.page-article-large-media .large-media figure img {margin: 0 0 7px 0; }
.page-article-large-media .large-media figure {  width: 100%; margin: 0 0 25px 0;}

@media (max-width: 600px) 
{
    .page-article-small-media .small-media figure { width: 100%; float:none; margin:0;}
    *[class*='page-article'] .facts { width: 100%; float: none; clear:none; margin:0;}
}