// Blog

h1.blog
  text-shadow: 1rem 1rem 0 #777
  font-size: 43rem
  color: #ee8007
  margin: 20rem 0 10rem
  font-family: Akzidenz-Grotesk Pro
  text-transform: uppercase
  padding: 0rem 40rem
  @media screen and (max-width: 768px)
    font-size: 33rem
    padding: 0rem 20rem
    margin: 5rem 0 0rem
    text-align: center


.blog-desc
  font-size: 16rem

.blog-wrapper-str
  padding: 0 40rem 0rem 40rem
  box-sizing: border-box

.blog-wrapper
  overflow: hidden
  border-bottom: 2rem solid #ccc
  margin-bottom: 30rem
  /* background: #f9f9f9 */
  h2
    margin-left: 20rem
    margin-top: 19rem
    margin-bottom: 12rem
    a 
      font-size: 30rem!important
      line-height: 30rem
      text-decoration: none!important
      /* margin-bottom: 5rem */
      text-transform: uppercase
      color: #ee8007
      cursor: pointer
      font-family: Akzidenz-Grotesk Pro
  p
    padding: 0rem 20rem 10rem

.blog-img
  font-size: 0
  text-align: center
  margin: 0 auto
  img
    box-sizing: border-box
    // max-width: 100%
    /* display: inline-block!important */
    /* vertical-align: middle!important */
    /* text-align: -webkit-center!important */
    /* margin-right: 1.5%!important */
    /* margin-bottom: 12rem!important */
    padding: 0!important
    /* width: 23%!important */
    border: none!important
    box-shadow: 0 1rem 5rem rgba(0,0,0,.5)
    position: relative
    /* overflow: hidden */
    text-align: center
    margin: 0 auto
    max-height: 400rem
    max-width: 100%




.blog-detail
  position: relative
  padding: 0 40rem
  p
    font-size: 17rem
    margin-bottom: 10rem
  img
    margin-top: 0rem
    margin-left: 1%
  ol,ul
    list-style: none
    counter-reset: a
    padding: 8rem 0 1rem
    left: -7rem
    li
      position: relative
      display: block
      padding: .4em .2em .4em 3em
      margin: .5em 0
      background: #eee
      text-decoration: none
      overflow: hidden
      transition: all .3s ease-out
      left: -5rem
      font-size: 16rem
      &:before
        content: counter(a)
        counter-increment: a
        top: 50%
        margin: -1.3em 0 0 3rem
        height: 2em
        width: 2em
        line-height: 2em
        font-size: 15rem
        color: #fff
        background: #fb8835
        border: .2em solid #fff
        box-shadow: 0 8rem 5rem -7rem #888
        text-align: center
        font-weight: 700
        border-radius: 2em
        position: absolute
        left: 0
        transition: all .3s ease-out