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

.menubar, .close{
  display: block;
}
.close{
  position: absolute;
  top: 1rem;
  right: 3rem;
  color: #808297;


}
  .header-bottom{
  position: fixed;
  top:0;
  right: 0;
  margin-top: 0;
  width:250px;
  background-color: #fff;
  min-height: 100vh;
  padding: 4rem 2rem;
  box-shadow: 3px 0 10px rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
  transition: 0.4s;

  }
  .open{
    transform: translateX(0);
  }
  .page__links{
    display: block;
  }
  .page__links li{
    margin-bottom: 2rem;
  }

 
  }