header
{
  padding-top:80px;
  padding-bottom:80px;
  border-bottom:1px solid $text-color;
  margin-bottom:80px;
  h1
  {
    color: $text-color;
    font-size: 36px;
    line-height: 52px; /* 144.444% */
    letter-spacing: 0.72px;
    margin-bottom:24px;
  }
  time
  {
    color: #646464;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0.26px;
  }
  p
  {
    max-width:720px;
  }
}

#content
{
  #main-photo
  {
    display: block;
    img
    {
      display: block;
      width: 100%;
    }
  }
  .content
  {
    h2,h3,h4
    {
      font-weight: 700;
      margin-bottom:24px;
    }
    ul
    {
      list-style: disc;
      list-style: inside;
    }
    p,ul,ol
    {
      margin-bottom:24px;
    }
    img
    {
      display: block;
      max-width:100%;
    }
  }
  @media(min-width:768px)
  {
    display: flex;
    #main-photo
    {
      width: calc(50% - 20px);
      margin-right:20px;
    }
    .content
    {
      width: calc(50% - 20px);
      margin-left:20px;
    }
  }
  @media(max-width:767px)
  {
    #main-photo
    {
      margin-bottom:40px;
    }
  }
}