@media only screen and (min-width: 0px) {
  .component.article-intro .interior {
    padding-bottom: 32px;
  }
  .component.article-intro .wrapper {
    padding: 16px 0; 
  }
  .component.article-intro .article-authors span.label {
    background: #FFF;
    color: #000;
    font-size: 16px; 
    font-weight: 600; 
    padding-left: 0;
  }
  .component.article-intro .article-authors .wrapper > div span:not(:last-of-type):after {
    content: ',';
  }
  .component.article-intro .article-intro .meta {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase; 
  }
  /*IF (TAG), add divider between*/
  .component.article-intro .article-intro .meta span#date:before {
    content: '|';
    margin: 0 16px;
  }
  .component.article-intro .article-intro .meta span#date {
    font-weight: 500;
  }
  .component.article-intro .article-intro .meta span#tag {
      color: #000;
      font-size: 16px;
      line-height: 20px;
      font-weight: 600;
  }
  .component.article-intro .article-intro .intro {
    padding: 32px 0 0; 
  }
  .component.article-intro .article-intro .intro p {
    font-size: 22px; 
  }
  .component.article-intro .article-intro .intro a {
    font-size: inherit;
  }
}


