header
{
  position: relative;
  margin-bottom:100px;
  >div
  {
    background-image: url('<?=userimg($article->photo)?>');
    background-position: center;
    background-size: cover;
    display: flex;
    align-items:center;
    justify-content:center;
    padding:100px 20px;
    color:#fff;
    text-align: center;
    min-height:50vh;
    p
    {
      font-size: 20px;
      font-weight: 400;
      line-height: 30px; /* 150% */
      letter-spacing: 2px;
      margin-bottom:20px;
      padding-bottom:20px;
      border-bottom: 1px solid #fff;
    }
    h1
    {
      font-size: 42px;
      font-weight: 500;
      line-height: 63px; /* 150% */
      letter-spacing: 4.2px;
      span
      {
        display: block;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px; /* 150% */
        letter-spacing: 1.6px;
      }
    }
  }
}

#socil-list
{
  margin-bottom:100px;
  h2
  {
    text-align: center;
    color:$text-color;
    font-size: 42px;
    font-weight: 500;
    line-height: 63px; /* 150% */
    letter-spacing: 4.2px;
    margin-bottom:50px;
  }
  ul
  {
    li
    {
      margin-bottom:20px;
      a
      {
        border-radius: 20px;
        color:$text-color;
        display: flex;
        border:1px solid $text-color;
        padding:40px;
        align-items:center;
        transition-duration:.5s;
        i
        {
          width:50px;
          font-size:50px;
        }
        span
        {
          margin-left:30px;
          width: calc(100% - 50px);
          font-size: 16px;
          font-weight: 400;
          line-height: 24px; /* 150% */
          letter-spacing: 1.6px;
        }
        &:hover
        {
          background-color: $main-color;
          color:#fff;
          border-color:$main-color;
        }
      }
    }
  }
  @media(min-width:768px)
  {
    ul
    {
      display: flex;
      li
      {
        margin:10px;
        flex:1;
        a
        {
          padding-top:100px;
          padding-bottom:100px;
        }
      }
    }
  }
}

#feedback
{
  margin-bottom:100px;
  h2
  {
    color:$text-color;

  }
}