.top-bar
  display: flex

.top-bar-wrap
  width: 95%
  max-width: 1440px
  margin: auto

.menu
  float: right
  list-style: none
  height: 100%
  li
    vertical-align: middle
    float: left
    margin-left: 60px
    box-sizing: content-box
    padding-bottom: 3px
    border-bottom: 3px solid rgba(0, 0, 0, 0)
    transition: border-bottom 0.4s
    &:hover
      border-bottom: 3px solid $navStrokeColor
    a
      +font-default()
      font-weight: 600
    &.active
      a
        color: $mainBackgroundColorDarker


.navigation
  min-height: 100px
  flex: 1
  flex-wrap: nowrap

.header-logo
  position: absolute
  z-index: 999
  border: 30px solid white
  float: left

.streamer-bg-image
  min-height: 700px
  -webkit-background-size: cover
  -moz-background-size: cover
  -o-background-size: cover
  background-size: cover
  .streamer
    +transform(translateY(200px))
    transition: all ease 0.7s
    font-size: 3em
    line-height: 1em
    margin: 0 auto
    width: 650px
    text-align: center
    padding: 30px
    background-color: rgba(0, 0, 0, 0.3)
    color: white
    .bold
      font-weight: bold
      color: white
      font-size: 1.2em

.logo
  font-size: 1.5em
  color: white
  text-align: center
  margin: 0 auto
  width: 300px
  display: inline-block
  padding-top: 15px
  font-weight: 700


/** RESPONSIVE **/

+media-query(1350px)
  .navigation
    min-height: 90px

+media-query(1080px)

+media-query(1020px)
  .menu
    li
      margin-left: 45px
      a
        font-size: 11pt

+media-query(900px)
  .menu
    li
      margin-left: 35px
      a
        font-size: 10pt

+media-query(800px)
  .navigation
    min-height: 85px
  .menu
    li
      margin-left: 30px
      a
        font-size: 10pt

+media-query(768px)
  .header-logo
    display: none
  .image-header
    min-height: 450px
  .streamer-bg-image
    .streamer
      +transform(translateY(300px))
      width: 100%

+media-query(500px)
  .image-header
    height: 450px
  .streamer-bg-image
    .streamer
      .bold
        font-size: 1em

+media-query(486px)
  .streamer-bg-image
    .streamer
      font-size: 2.5em

+media-query(300px)
  .streamer-bg-image
    .streamer
      font-size: 2em