.ajax-container
  position: relative
  height: 100vh
  overflow-y: hidden
  section
    +translate3d(0,0,0)
    opacity: 1
    transition: all 0.75s

  .ajax-loaded
    position: absolute
    top: 0
    left: 0
    +translate3d(0, 100vh, 0)
    width: 100%
    height: 100vh
  .moveOut:not(.post-detail)
    +translate3d(0, -100vh, 0)
    opacity: 0
    &.invert
      +translate3d(0, 100vh, 0)
  .ajaxOverlay
    opacity: 1
    +translate3d(0, 0, 0)
    &.animate
      opacity: 0
      +translate3d(0, 100vh, 0)
      transition: none
      &.invert
        +translate3d(0, -100vh, 0)
  //.ajaxOverlay
  //  position: absolute
  //  top: 0
  //  left: 0
  //  +translate3d(0,0,0)
  //  width: 100%
  //  height: 100%

+media-query-height-or-width(900px, 750px)
  .ajax-container
    height: auto