article
{
  margin-bottom:40px;
  header
  {
    margin-bottom:32px;
    h1
    {
      font-size: 32px;
      line-height: 40px; /* 125% */
      letter-spacing: 1.28px;
      margin-bottom:40px;
    }
    picture
    {
      display: block;
      width: 100%;
      img
      {
        display: block;
        width: 100%;
      }
    }
  }
  #content
  {
    padding-bottom:40px;
    margin-bottom:40px;
    border-bottom: 1px solid #A3A3A3;
    time
    {
      display: block;
      color:#A3A3A3;
      font-size: 14px;
      line-height: 18px; /* 128.571% */
      letter-spacing: 0.56px;
      margin-bottom:16px;
    }
    p
    {
      margin-bottom:16px;
    }
  }
  #activity
  {
    >div
    {
      margin-bottom:40px;
      h3
      {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px; /* 133.333% */
        letter-spacing: 0.72px;
        margin-bottom:16px;
      }
      dl
      {
        display: flex;
        margin-bottom:18px;
      }
    }
  }
  @media(min-width:768px)
  {
    header
    {
      margin-bottom:88px;
      h1
      {
        margin-bottom:88px;
      }
    }
    #content
    {
      margin-left:40px;
      margin-right:40px;
    }
    #activity
    {
      margin-left:40px;
      margin-right:40px;
      display: flex;
      flex-wrap:wrap;
      >div
      {
        width: 50%;
      }
    }
  }
}