/*==========================================================================
  About page
  ========================================================================== */

$textOffset: 40px

#about
  .contact-us-block
    background-color: $offwhite

  .dynamic-content
    .content
      position: relative

      &::before
        content: ''
        position: absolute
        z-index: -1
        left: 0
        top: 0
        height: 100%
        width: 3px
        background: linear-gradient(to bottom, $blue 30%, $red 100%)
        border-radius: 3px
        transform: translateX(-#{$textOffset})

        +respond-to-width(900)
          display: none

      h1
        margin: 0
        padding: 0 0 #{$textOffset} 40px
        background-color: white
        color: $darkblue
        transform: translateX(-#{$textOffset})

        +respond-to-width(900)
          padding-top: 20px

      p
        color: rgba($blue, 0.75)
        margin: 0

        & + p
          margin-top: 2em