.call-to-action-bar
  background: #fff
  width: 100%

  .container
    padding: 0 100px
    @extend %clearfix

    +respond-to(mobileNavigation)
      padding: 0 150px

    +respond-to(small-mobile)
      padding: 0 50px

  .text-holder
    float: left
    padding-right: 100px
    width: 50%
    height: 200px

    +respond-to(mobileNavigation)
      width: 60%
      padding-right: 50px

    +respond-to(mobileNavigation)
      padding-top: 50px
      padding-bottom: 20px
      padding-right: 0
      width: 100%
      height: auto

  .text
    font-size: 1.1em
    line-height: 1.4

    +respond-to(mobileNavigation)
      text-align: center


  .title
    +fjallaHeader

  .btn-holder
    float: left
    height: 200px

    +respond-to(mobileNavigation)
      padding-bottom: 50px
      padding-right: 0
      width: 100%
      height: auto
      text-align: center

    .btn
      min-width: 200px

.btn
  display: inline-block
  background: #8EB55A
  padding: 0 15px
  height: 50px
  line-height: 50px
  color: #fff
  text-align: center
  +fjallaHeader
  +transition(background 300ms ease-out)

  &:hover
    text-decoration: none
    background: darken(#8EB55A,10)