header
{
  h1
  {
    font-size: 24px;
    line-height: 36px; /* 150% */
    letter-spacing: 0.96px;
    margin-bottom: 48px;
    span
    {
      color:$main-color;
      padding-top:16px;
      display: block;
      font-size: 18px;
      line-height: 26px; /* 144.444% */
      letter-spacing: 0.72px;
    }
  }

  @media(min-width:768px)
  {
    display: flex;
    h1
    {
      width: 50%;
      padding-right:10px;
    }
    p
    {
      width: 50%;
      padding-left:10px;
    }
    padding-bottom:88px;
  }
  @media(max-width:767px)
  {
    padding-bottom:24px;
    margin-bottom:24px;
  }
}
section
{
  border-bottom: 1px solid #D8DAE5;
  article
  {
    picture
    {
      display: block;
      margin-bottom:48px;
      img
      {
        display: block;
        width: 100%;
      }
    }
    h2
    {
      font-weight: 700;
      a
      {
        color:$text-color;
        transition-duration:.5s;
        &:hover
        {
          color:$main-color;
        }
      }
    }
    .more
    {
      display: flex;
      justify-content:flex-end;
      a
      {
        border:1px solid #C4C9D5;
        color:$main-color;
        border-radius: 4px;
        padding:12px 21px;
        transition-duration:.5s;
        &:hover
        {
          color:#fff;
          background-color: $main-color;
        }
      }
    }
  }
  @media(min-width:768px)
  {
    article
    {
      display: flex;
      flex-wrap:wrap;
      margin-bottom:88px;
      picture
      {
        width: 100%;
      }
      h2
      {
        width: 50%;
        padding-right:50px;
      }
      p
      {
        width: 50%;
      }
      .more
      {
        padding-top:31px;
        width: 100%;
      }
    }
  }
  @media(max-width:767px)
  {
    article
    {
      padding:24px 0;
      picture
      {
        margin-bottom:24px;
      }
      h2
      {
        margin-bottom:24px;
      }
      p
      {
        margin-bottom:24px;
      }
    }
  }
}