@import 'nib'

#banner
  align-items center
  background-position top
  background-size cover
  display flex
  height 40vh
  justify-content center
  min-height 400px
  padding 40px 0
  position relative
  text-align center

#banner .content
  color #fff
  margin 0 auto
  max-width 90%
  position relative
  width 700px

  .intro
    font-family 'Exo'
    font-size 24px
    font-weight 200
    letter-spacing 7px
    line-height 30px
    margin-bottom 10px
    text-transform uppercase
    word-spacing 12px

  .title
    font-family 'Source Sans Pro'
    font-size 42px
    font-weight 900
    letter-spacing 10px
    line-height 50px
    margin-bottom 20px
    text-transform uppercase
    word-spacing 15px

  .subtitle
    font-family 'Source Sans Pro'
    font-size 18px
    font-weight 200
    letter-spacing 0.9px
    line-height 29px
    margin-bottom 25px
    word-spacing 2px

  .divider
    background-color rgba(255, 255, 255, 0.23)
    height 1px
    margin 0 auto 25px
    width 20%

  .button
    cursor pointer
    display inline-block
    margin-bottom 10px
    vertical-align middle
    a, svg
      color #E4EBF0
    &.icon a
      align-items center
      border 1px solid #E4EBF0
      border-radius 100%
      display flex
      height 40px
      justify-content center
      margin 4px 8px
      width 40px
      svg
        height 40px
        padding 8px
        width 40px
    &.text a
      border 1px solid #E4EBF0
      margin 0 10px
      display inline-block
      letter-spacing 1px
      padding 16px 24px

@media (hover)
  #banner .content .button:hover
    a
      background #E4EBF0
      color #333
    svg
      color #333

@media (max-width: 800px)
  #banner
    min-height 250px
    height auto
  #banner .content
    .intro
      font-size 16px
      letter-spacing 4px
      margin 0
      word-spacing 4px
    .title
      font-size 26px
      letter-spacing 6px
      line-height 32px
      margin-bottom 10px
      word-spacing 10px
    .divider
      margin-bottom 15px
    .subtitle
      font-size 15px
      line-height 22px
      margin-bottom 15px
    .button.text a
      font-size 14px
      padding 12px 18px