.burger-menu .close-btn {
  width: 15px;
  height: 15px;
  border: none;
  background: none;
  position: absolute;
  right: 24px;
  top: 20px;
  z-index: 550;
}

.burger-menu .close-btn img,
.burger-menu .close-btn svg {
  width: 100%;
  height: 100%;
}

.burger-menu .overlay {
  content: '';
  position: fixed;
  top: 41px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.35);
  -webkit-transition: opacity .25s ease-in;
  transition: opacity .55s ease-in-out;
  cursor: pointer;

  z-index: 500;
}

.burger-menu .content {
  /* height: calc(100vh - 40px); */
  height: auto;
  width: 100vw;
  padding: 20px;
  top: 0;
  background: #fff;
  -webkit-transition: transform .55s ease-in-out, opacity .75s ease-in-out;
  transition: transform .55s ease-in-out, opacity .75s ease-in-out;
  cursor: initial;
}

.burger-menu:not(.active) .content {
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);

  opacity: 0;
}

.burger-menu.active .content {
  -webkit-transform: translateX(0);
          transform: translateX(0);

  opacity: 1;
}

.burger-menu .overlay:not(.visible) {
  opacity: 0;
}

.burger-menu .overlay:not(.active) {
  width: 0;
}

.burger-menu .overlay.visible {
  opacity: 1;
}

.burger-menu .overlay.active {
  width: 100vw;
  margin-top: 14px;}

@media (min-width: 769px) {
  .burger-menu-btn {
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */