/*==========================================================================
  Header
  ========================================================================== */

/**
  * Header settings
  *
  */

header
  position: relative
  background-color: $white
  padding-top: 30px

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

  /**
    * Facebook tooltip
    *
    * 1. Custom hacks for best viewing the white wave
    */
  .facebook-tooltip
    position: absolute
    z-index: 9999
    right: 0
    top: 50px
    width: 125px

  /**
    * White wave #1
    *
    * 1. Hacks for best viewing the white wave
    */
  .wave
    overflow: hidden
    width: 100%
    z-index: 5
    position: absolute
    pointer-events: none
    img
      width: 105%
      margin-left: -2%
      margin-top: -1px

  /**
    * Header
    *
    * 1. Center logo in middle of the page
    */
  .logo
    width: column(6)
    min-width: 150px
    margin: 0 auto /* 1 */

  .hamburger-icon
    width: 40px
    cursor: pointer

  .menu-icons
    float: right
    +flex(flex-start, flex-start)

    .nav-icon
      margin-left: 35px
      width: 27.5px
      height: 27.5px