.hamburger-nav-toggle-btn {
  margin: 0 10px;
  padding: 0 3vw;
  position:absolute;
  right:0;
  background: none;
  border: none;
  font-size:2rem;
}
.hamburger-nav-toggle-btn.close::before, .hamburger-nav-toggle-btn.open::before {
  font-family: 'FontAwesome';
}
.hamburger-nav-toggle-btn.open::before {
  content: '\f00d';
}
.hamburger-nav-toggle-btn.close::before {
  content: '\f0c9';
}

.hamburger-nav-list {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #f2f2f2;
}
.hamburger-nav-list > li {
  border-bottom: 1px solid #ddd;
}
.hamburger-nav-list > li a {
  display: block;
  padding: 10px 1em;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
.hamburger-nav-list > li a {
  font-size: 3.5vw;
}
}