article
{
  header
  {
    h1
    {
      text-align: center;
      font-size: 32px;
      line-height: 40px;
      letter-spacing: 1.28px;
      text-align: center;
      margin-bottom:88px;
    }
    picture
    {
      margin-bottom:88px;
      display: block;
      width: 100%;
      img
      {
        display: block;
        width: 100%;
      }
    }
  }
  .wrap
  {
    
    #description
    {
      font-size: 18px;
      line-height: 24px; /* 133.333% */
      letter-spacing: 0.72px;
    }
    #content
    {
      p
      {
        margin-bottom:16px;
      }
    }
  }
  @media(min-width:768px)
  {
    .wrap
    {
      margin-bottom:88px;
      display: flex;
      #description
      {
        flex:1;
        padding-right:20px;
      }
      #content
      {
        width: 62%;
      }
    }
  }
  @media(max-width:767px)
  {
    header
    {
      
      h1
      {
        margin-bottom:40px;
      }
      picture
      {
        margin-bottom:40px;
      }
    }
    .wrap
    {
      #description
      {
        margin-bottom:8px;
      }
      #content
      {
        padding-top:40px;
        padding-bottom:40px;
      }
    }

  }
}