html,
/* body {
  width: 100%;
  height: 100%;
  margin: 0px;
}

h1,
h2 {
  font-family: Lato;
} */

#map {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  margin: 0px;
}

#webisiteAndQRcode img{
  width: 120px;
  height: 120px;
}

/* .offcanvas{
  --bs-offcanvas-height: 35vh;

} */

.panel {
  position: absolute;
  bottom: 30px;
  right: 20px;
  z-index: 800;
  padding: 5px 9px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(0, 0, 0, 0.8);
  width: px;
  border-radius:5px
}
#check{
  font-size: 18px;
}
.btn-group-control{
  position: absolute;
  top: 42px;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1000;
}
.enterButton{
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 1000;
}

@media (max-width: 767px){
  .btn-group-control{
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1000;
  }  
  #btn-group-mobile{
    --bs-btn-font-size: 10px;
  
  }
  .panel {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 800;
    padding: 5px 9px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 2px solid rgba(0, 0, 0, 0.8);
    width: px;
    font-size: 14px;
  
}
  #check{
    font-size: 14px;
  }
  .enterButton{
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 1000;
  
  }
}
/* .enterButton {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 1000;
} */