header
  z-index: 11
  background-color: white
  @extend .ease-animated
  .navbar-collapse
    @extend .ease-animated
  .navbar
    @extend .ease-animated
    padding: 1rem 1rem
    height: 145px
    background-color: white
    #logo
      svg
        @extend .ease-animated
        max-height: 80px
    img
      @extend .ease-animated
      max-height: 100px
    &.fixed
      position: fixed
      top: 0
      left: 0
      z-index: 500
      width: 100%
      height: 75px
      -webkit-box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.53)
      -moz-box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.53)
      box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.53)
      background-color: white
      #logo
        svg
          max-height: 60px
  .btn-menu
    display: inline-block
    border-radius: 50%
    border: none
    background-color: rgb(251, 173, 27)
    position: absolute
    right: 0
    width: 45px
    height: 45px
    z-index: 298
    @extend .ease-animated
    &:hover
      background-color: rgb(251, 97, 21)
  .navbar-nav
    padding-right: 60px
    .nav-link
      padding-right: 60px!important
      color: black!important
      font-size: 18px
      @extend .ease-animated
      &.active,&:hover
        color: $red-color!important
.navbar-light
  .navbar-toggler
    @extend .ease-animated
    z-index: 10