article
{
  margin-bottom:80px;
  header
  {
    margin-bottom:80px;
    text-align: center;
    >div
    {
      h1
      {
        color:$main-color;
        font-size: 24px;
        font-weight: 700;
        line-height: 36px; /* 150% */
        letter-spacing: 2.16px;
        margin-bottom:25px;
      }
      p
      {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px; /* 150% */
        letter-spacing: 1.44px;
        color:$text-color;
        margin-bottom:50px;
      }
    }
    picture
    {
      display: block;
      max-width: 540px;
      margin:0 auto;
      img
      {
        display: block;
        border-radius: 10px;
        width: 100%;
      }
    }
  }
  ul
  {
    li
    {
      
      a
      {
        border:1px solid $main-color;
        display: block;
        padding:35px 20px;
        border-radius: 10px;
        border:1px solid $main-color;
        color:$text-color;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px; 
        letter-spacing: 1.44px;
        transition-duration:0.5s;
        span
        {
          display: block;
        }
        &:hover
        {
          background-color: $main-color;
          color:#fff;
        }
      }
    }
  }

  @media(min-width:768px)
  {
    
    ul
    {
      display: flex;
      li
      {
        flex:1;
        margin:0 1%;
        &:first-child
        {
          margin-left: 0px;
        }
        &:last-child
        {
          margin-right: 0px;
        }
      }
    }
  }
  
  @media(max-width:767px)
  {   
    ul
    {
      li
      {
        margin-bottom:10px;
      }
    }
    
  }
  
}