#blog
  margin: 100px 0
  .post
    overflow: hidden
    width: 100%
    height: 270px
    overflow: hidden
    border-radius: 5px
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.28)
    margin-bottom: 30px
    position: relative
    transition: all 0.3s
    &:hover
      opacity: 0.8
    h1
      position: absolute
      bottom: 10px
      padding: 0 20px 0 30px
      line-height: 27px
      font-size: 16px
      color: #fff
      letter-spacing: 2px
      font-weight: 600
    img
      width: 100%
      // height: 100%
      border-radius: 5px
#singleBlog
  .post
    border-bottom: 1px solid $color4
    .postImg
      height: 450px
      overflow: hidden
      position: relative
      h1
        position: absolute
        bottom: 0
        font-size: 18px
        color: #fff
        letter-spacing: 1px
        padding: 30px 90px
      &:before
        content: ''
        position: absolute
        width: 100%
        height: 100%
        background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%)
    .postText
      margin: 60px 0
      p
        color: $color5
        font-size: 16px
        line-height: 32px
