#banner
{
  width: 100%;
  height:56.25vw;
  position: relative;
  picture
  {
    display: block;
    height:100%;
    img
    {
      object-position:center;
      width: 100%;
      object-fit:cover;
      height:100%;
    }
  }
  >div
  {
    padding-top:200px;
    padding-bottom:100px;
    position: absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    display: flex;
    flex-direction:column;
    justify-content:space-between;
    h1
    {
      font-size: 32px;
      font-weight: 400;
      line-height: 48px; /* 150% */
      letter-spacing: 1.6px;
      color:#fff;
      margin-bottom:8px;
    }
    .breadcrumb
    {
      ul
      {
        display: flex;
        flex-wrap:wrap;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 162.5% */
        letter-spacing: 0.8px;
        color:#fff;
        li
        {
          a
          {
            color:#fff;
            transition-duration:.5s;
            &:hover
            {
              color:#fff;
            }
          }
          &::after
          {
            content:'/';
            padding:0 8px;
          }
          &:last-child
          {
            a
            {
              color:$main-color;
              &:hover
              {
                color:#fff;
              }
            }
            &::after
            {
              display: none;
            }
          }
        }
      }

    }
    p
    {
      color:#fff;
      font-size: 18px;
      font-weight: 400;
      line-height: 28px; /* 155.556% */
      letter-spacing: 0.9px;
    }
  }

  @media(max-width:767px)
  {
    >div
    {
      padding-top:100px;
    }
    height:150vw;
  }
}

#content
{
  max-width:600px;
  padding:50px 24px;
  margin:auto;
  h2,h3,h4,h5
  {
    font-size: 32px;
    font-weight: 400;
    line-height: 48px; /* 150% */
    letter-spacing: 1.6px;
    color:$main-color;
    padding:12px 0;
  }
  p
  {
    padding:12px 0;
    color:#444;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    letter-spacing: 0.8px;
  }
}