body {
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin: 0 0 0 0;
}
.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    top:0;
    left:0;
    pointer-events: none;
}
.overlay img {
    width: 100%;
}
.wrapper {
    width: 100%;
    aspect-ratio: 9/16;
    position: relative;
    top:0;
    left:0;
  }
/* .nozone {
    height: 55%;
} */
.content {
    height: 36%;
    text-align: center;
}
.header {
    margin-top:98%;
    width: 100%;
    text-align: center;
    font-size: 3vw;
    font-weight: bold;
    font-family: "times new roman", "Helvetica", "Arial", sans-serif;
    color:rgb(72, 72, 72);
}
.subheader {
    margin-top:1.5vw;
    width: 100%;
    text-align: center;
    font-size: 2.5vw;
    font-weight: bold;
    font-family: "times new roman", "Helvetica", "Arial", sans-serif;
    color:rgb(72, 72, 72);
}
.zoom {
    width: 100%;
}
.mbTuDeF1 {
    background: #0e72ed;
    border-radius: 3vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 4vw;
    line-height: 10vw;
    margin-top: 5%;
    padding: 1vw 6vw;
    text-align: center;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
}
.zoomQR {
    margin-top: 5%;
    width: 100%;
    height: 40vw;
    text-align: right;
    background-image: "qr.png";
    background-size: cover;
}
.zoomQR img {
    margin-right: 5%;
    height: 100%;
    display: inline-block;
}
.gmap {
    margin-top:-7.5%;
    margin-left: -10%;
    width: 120%;
    height: 120%;
    transform: scale(0.75);
}
.foot {
    height: 3%;
    padding-right: 4vw;
    text-align: right;
    font-size: 3vw;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}