.mobile-hamburger-button {
  display: none;
  padding-right: 10px;
}
#mobile-hamburger-button-second {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  padding-right: 10px;
  right: 0;
}
.nav-hamburger-btn {
  background: none;
  border: none;
  color: #ffffff;
}
.nav-hamburger-btn:focus {
  outline: none;
}
.nav-hamburger-btn span {
  font-size: 28px;
}
.hamburger-backdrop {
  display: none;
	width: 100%;
	height: 100%;
	 /* background-color: rgba(0, 0, 0, 0.1); */
	background-color: rgb(122 191 250 / 29%);
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
}
.hamburger-menu {
  max-width: 300px;
  width:85%;
  height: 100%;
	background-color: #0a5280;
	z-index: 2000;
	position: fixed;
	top: 0;
	left: -300px;
	box-sizing: border-box;
	flex-direction: column;
  transition: left .2s;
}
.hamburger-menu.expanded {
  display: block;
  left: 0px;
}
.hamburger-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15px;
}
.hamburger-logo h1#logo {
  margin:0 !important;
}
.hamburger-search-btn a {
  color: #ffffff;
  font-size: 18px;
}
.hamburger-menu ul {
  padding: 0 15px;
}
.hamburger-menu ul li {
  padding: 10px 20px;
  background: #176495;
  width: 100%;
  margin-top:5px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.hamburger-menu ul li.tutorial-button-wrapper {
  background: none;
  display: flex !important;
  justify-content: flex-end;
  padding-right: 0;
  margin-top: 20px;
}
@media (max-width: 768px) {
  #nav #menu .nav_logo {
    width: unset;
  }
  .row.nav-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .row.nav-row::before {
    content: unset;
  }
  .row.nav-row::after {
    content: unset;
  }
  .nav_menu {
    display: none;
  }
  .mobile-hamburger-button {
    display: block;
  }
}