/*==========================================================================
  Main navigation
  ========================================================================== */

/**
  * Main navigation (3 columns)
  *
  */

.main-navigation
  background-color: $white
  visibility: hidden
  height: 0

  /*
    * Main navigation disappears when the screenwidth becomes smaller then 900px
    *
    */
  +respond-to-width(900)
    display: none

  .navigation
    margin-top: 50px
    +flex(space-between, flex-start)

    .firstCol, .secondCol
      padding: 0 5% 0 5%
      border-right: 3px solid $blue

      +respond-to-width(900)
        border: 0

    .thirdCol
      padding: 0 5% 0 5%