.menu-toggle{
  border: 0;
  border-radius: 0px;
  width: 65px;
  height: 65px;
  display: flex;
  flex-direction: column;
  padding: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 999;
  transition: 200ms;
  position: relative;
  background: 0;
}

.menu-toggle svg{
  fill: #eeeceb;
  transition: 200ms;
  transform-origin: right;
}

.menu-toggle #menu-box{
  position: absolute;
}

.menu-toggle #menu-line-top{
  transform: translateY(-8px);
}

.menu-toggle #menu-line-bottom{
  transform: translateY(6px);
}

.menu-toggle:hover #menu-line-top{
  transform: translateY(-8px) scaleX(0.4);
}

.menu-toggle:hover #menu-line-mid{
  transform: scaleX(0.6);
}

.menu-toggle.toggled svg{
  fill: #1B3D3E !important;
}

.menu-toggle.toggled #menu-line-top{
  transform: translateY(23px) translateX(-3px) rotate(45deg) scale(1.2);
}

.menu-toggle.toggled #menu-line-mid{
  transform: scaleX(0);
}

.menu-toggle.toggled #menu-line-bottom{
  transform: translateY(-21px) translateX(-3px) rotate(-45deg) scale(1.2);
}


.scroll-top svg{
  fill: #1B3D3E !important;
}


@media screen and (max-width: 1000px){

  .main-navigation .menu-toggle{
    display: flex;
  }

}

@media screen and (max-width: 570px){

  #menu-button{
    width: 55px;
    height: 55px;
  }

  #menu-widget a{
    font-size: clamp(11px, 3vw, 14px);
  }


}