header
  position: relative
  background: $white
  width: 100%

.logo
  position: absolute
  top: 5px
  left: 0
  z-index: 1

  min-width: 200px
  height: 120px

  margin: 0
  padding: 20px

  img
    width: 100%
    height: 100%

  +respond-to-width(1180)
    display: none !important

/**
 * Main navigation
 *
 */

.main-navigation
  position: relative
  vertical-align: top
  height: 120px

  display: inline-flex
  justify-content: flex-end
  align-items: center

  ul
    display: inline-flex
    position: relative

    list-style: none
    text-transform: none

    li
      margin-left: 30px

      &:first-child
        margin-left: 0

      a
        font-size: 18px
        line-height: 30px
        color: rgba($black, 0.5)
        transition: color 0.3s ease

        &:hover
          color: $mainNavHoverColor

        &.active
          font-weight: bold
          color: $mainNavActiveColor