.navbar {
  font-size: $navbar-font-size;
  @include h-animation();

  &.h-is-hidden {
    transform: translateY(-100%);
  }

  #h-navbar-bottom {
    position: absolute;
    color: transparent;
    background-color: transparent;
    height: 0.5rem;
    left: 0;
    right: 0;
    top: 100%;
  }

  #h-logo {
    font-size: 1.75rem;
    line-height: 0;

    &:hover {
      color: $navbar-item-color;
    }

    img {
      padding-right: 0.4375rem;
      height: $navbar-item-img-max-height;
    }

    .is-sub {
      padding-left: 5px;
      font-weight: 300;
    }
  }

  .navbar-menu {
    @include touch {
      box-shadow: none;
    }
  }

  .navbar-item, .navbar-link {
    .icon {
      &:only-child {
        margin-right: -0.125rem;
      }

      img {
        height: 0.875rem;
      }
    }
  }

  .navbar-link {
    &:after {
      border-color: $navbar-item-color;
    }
  }

  .navbar-burger {
    span {
      height: 2px;
      width: 18px;
    }

    &:hover {
      background-color: transparent;
    }
  }
}
.navbar {
  font-size: $navbar-font-size;
  @include h-animation();

  &.h-is-hidden {
    transform: translateY(-100%);
  }

  #h-navbar-bottom {
    position: absolute;
    color: transparent;
    background-color: transparent;
    height: 0.5rem;
    left: 0;
    right: 0;
    top: 100%;
  }

  #h-logo {
    font-size: 1.75rem;
    line-height: 0;

    &:hover {
      color: $navbar-item-color;
    }

    img {
      padding-right: 0.4375rem;
      height: $navbar-item-img-max-height;
    }

    .is-sub {
      padding-left: 0.3125rem;
      font-weight: 300;
    }
  }

  .navbar-menu {
    @include touch {
      box-shadow: none;
    }
  }

  .navbar-item, .navbar-link {
    .icon {
      &:only-child {
        margin-right: -0.125rem;
      }

      img {
        height: 0.875rem;
      }
    }
  }

  .navbar-link {
    &:after {
      border-color: $navbar-item-color;
    }
  }

  .navbar-burger {
    span {
      height: 2px;
      width: 18px;
    }

    &:hover {
      background-color: transparent;
    }
  }
}
Modify size from px to rem
Modify size from px to rem
