#menu_container {
  position: static;
}

@media only screen and (max-width: 767px) {
    #menu_container {
        position: fixed;
        top: 0;
    }
}

@media only screen and (min-width: 767px) {
  html {overflow-y: hidden; }

.page {
        display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  
  // position: absolute;
  // top: 50%;
  // transform: translateY(-50%);
  // border-color: green;
  // border-style: solid;
  // border-width: 1px;
}
#menu_container {
  
        top: 50vh;
    margin-top: -355px;
    height: 70px;
    position: fixed;
  // margin-top: 0px;
  // margin-bottom: 5px;
  //   border-color: blue;
  //   border-style: solid;
  // border-width: 1px;
}

#content{
  // border-color: red;
  //   border-style: solid;
  // border-width: 1px;
  // height: 570px;
}
}

@media only screen and (min-width: 767px) {
.gallery #content .container {
  position: static;
  top: 0%;
  margin-top: 0px;
}
}

// @media only screen and (max-width: 1024px)
// .gallery #content{
//   position: absolute;
// }
}