:root {
  --yellow: #ffc600;
  --black: #272727;
}

body,h1,h5 {font-family: "Raleway", sans-serif}
h2,h3 {font-weight: bold}
body, html {height: 100%}
.bgimg, .txt{min-width: 360px;} /*360x647 mobile resolution*/

.bgimg {
  background-image: url('images/inside.jpg');
  min-height: 100%;
  width: auto;
  background-position: center;
  background-size: cover;
}
.food_menu {
  display: flex;
  justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 15px;
    max-width: 100%;
    max-height: 100%;
}

html {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
  Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #2e2516;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
}
*,
*:before,
*:after {
box-sizing: inherit;
}

body {

  list-style-type: none;
  background-color: #1e1d26;
  background-attachment: fixed;
  letter-spacing: -1px;
}

.buttons {
  position: relative;
}
.txt {
  font-size:22px;
  height: 100%;
  max-width: fit-content;
  position: relative;
}

.menu {
  background-color: #ffffff;
}

.info-1 {
  font-size: 20px;
}

.info-2 {
  margin-right: 50px;
}




@media screen and (max-width: 992px) {
  .banner{
    content:url("images/banner_2.jpg");
    
    width: 430px;
    margin-left: 60px;

    
  }

  .info-2 {
    display: none;
  }

  .map{
    width: 100%;
  }
  
}

@media screen and (max-width: 600px) {
  .banner{
    width: 65%;
    margin-left: 60px;
  }
  
}