.history-row
  background: url('/images/structure/backgroundStripes.png')
  padding: 50px 0
  margin-top: 70px
  position: relative
  opacity: 1.0
  bottom: 0
  +transition(all 2s)
  +transition-delay(4s)
  z-index: 20

  &.intro
    bottom: -40px
    opacity: 0.0
    .history
      bottom: -40px


  .history-dimension
    position: absolute
    height: 75%
    width: 200%
    margin-left: -54%
    top: 12.5%
    z-index: -1
    background: $darkRed
    +transition(width 2s)

    &.not-in-view
      width: 0



.history
  float: none
  margin: auto
  padding-top: 5px
  padding-bottom: 40px
  background: white
  min-height: 340px
  min-width: 550px
  position: relative
  bottom: 0
  +transition(bottom 4s)
  +transition-delay(4s)

  h2
    +font-bold(60px)
    color: $fontRed
    text-align: center
    padding-left: 40px
    padding-right: 40px

  p
    padding-left: 40px
    padding-right: 40px
    +font-default(22px, 28px)

+media-query(580px)
  .history
    min-width: initial
    width: 100%

  .history-row
    .history-dimension
      top: initial
      bottom: -10px