header{
  z-index: 999;
  position: relative;
  @include inlineflex();
  justify-content: center;
  width: 100%;
  nav{
    @include inlineflex();
    justify-content: space-around;
    height: 100px;
    width: 70%;
    .logo{
      display: flex;
      a{
        display: block;
        margin: auto;
      }
    }
    &.dropmenu{
      a{
        padding: 10px;
      }
      & > ul{
        @include inlineflex();
        flex-wrap: nowrap;
        & > li{
          text-align: center;
          max-width: 250px;
          margin: auto 20px;
          padding: 10px;
          border-top: 1px solid $light-blue;
          border-bottom: 3px solid $green;
          & > ul{
            display: none;
            margin-top: 10px;
            max-width: 250px;
            border-bottom: 3px solid $green;
            position: absolute;
            li{
              background-color: white;
              text-align: center;
              a{
                display: block;
                padding: 10px;
              }
            }

          }
          &:hover{
            & > ul{
              display: block;
              a{
                display: block;

              }
            }
          }
        }
      }
    }
    .reso{
      @include inlineflex;
      flex-wrap: nowrap;
      a{
        display: block;
        width: 35px;
        margin: auto 5px;
      }
    }
  }
}