article
{
  margin-bottom:40px;
  h1
  {
    font-size: 32px;
    line-height: 40px; /* 125% */
    letter-spacing: 1.28px;
    margin-bottom:40px;
    text-align: center;
  }
  >div
  {
    #content
    {
      margin-bottom:24px;
      h2
      {
        display: inline-block;
        font-weight: 700;
        line-height: 22px; /* 146.667% */
        letter-spacing: 0.6px;
        margin-bottom:40px;
        padding:10px 32px;
        border-radius: 100px;
        border:1px solid $text-color;
      }
      p
      {
        margin-bottom:40px;
      }
    }
    >picture
    {
      display: block;
      width: 100%;
      img
      {
        display: block;
        width: 100%;
      }
    }
  }

  

  @media(min-width:768px)
  {
    >div
    {
      display: flex;
      #content
      {
        flex:1;
        padding-right:10%;
      }
      picture
      {
        width: 40%;
      }
    }
  }
}