#body
{
  main
  {
    aside
    {
      h4
      {
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        letter-spacing: 0.96px;
        margin-bottom:8px;
      }
      ul
      {
        li
        {
          a
          {
            color:$text-color;
            transition:color 0.5s;
            &:hover
            {
              color:$hover-color;
            }
          }
          &.active
          {
            a
            {
              color:$hover-color;
            }
          }
        }
      }
    }
    article
    {
      #main-photo
      {
        display: block;
        margin-bottom:24px;
        img
        {
          display: block;
          width: 100%;
        }
      }
      #info
      {
        margin-bottom: 24px;
        color:#C4C9D5;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
        letter-spacing: 0.56px;
      }
      #content
      {
        margin-bottom:120px;
        strong
        {
          font-weight: 900;
        }
        h2,h3,h4,h5
        {
          font-size: 24px;
          font-weight: 700;
          line-height: 36px; /* 150% */
          letter-spacing: 0.96px;
          color:$main-color;
        }
        h3
        {
          font-size: 20px;
          line-height: 30px; /* 150% */
        }
        h4
        {
          font-size: 18px; 
          line-height: 27px;
        }
        h5
        {
          font-size: 16px; 
          line-height: 24px;
        }
        p,ul,ol,h2,h3,h4
        {
          margin-bottom:24px;
        }
        ol
        {
          list-style-position:inside;
          list-style-type:decimal;
        }
        li
        {
          margin-bottom:8px;
        }
        img
        {
          display: block;
          max-width: 100%;
        }
      }
    }
    @media(min-width:980px)
    {
      display: flex;
      aside
      {
        width: 200px;
        padding-right:20px;
        h4
        {
          margin-bottom:24px;
        }
        ul
        {
          li
          {
            margin-bottom:16px;
            &:last-child
            {
              margin-bottom:0;
            }
          }
        }
      }
      article
      {
        flex:1;
      }
    }
    @media(max-width:979px)
    {
      aside
      {
        ul
        {
          display: flex;
          width:100%;
          overflow-x:auto;
          padding-bottom:24px;
          border-bottom:1px solid $border-color;
          margin-bottom:24px;
          li
          {
            margin-right:48px;
            a
            {
              white-space:nowrap;
            }
          }
        }
      }
      
    }
  }

}