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

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

  background: $white
  min-width: 200px
  height: 200px

  margin: 0
  padding: 20px

  img
    width: 100%
    height: 100%

  +respond-to(mobile)
    display: none !important

/**
 * Main navigation
 *
 */

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

  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-semi-bold(18px, 30px)
        color: $mainNavLinkColor
        transition: color 0.3s ease

        &:hover
          color: $mainNavHoverColor

        &.active
          color: $mainNavActiveColor