body {
    overflow: scroll; /* Keeps the page scrollable */
    scrollbar-width: none; /* For Firefox */
}

body::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Edge */
}



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

img.locationImg {
width:66%;
padding-top: 1em; padding-bottom: 2em;
}

img.qrcImg  {
max-width:66%;
padding-top: 0.2em; padding-bottom: 0.2em;
background-color: white;
}

img.diagramImg {
width:66%;
padding-top: 1em; padding-bottom: 2em;
}
}



@media only screen and (min-width: 381px) {

img.locationImg {
width:66%;
padding-top: 1em; padding-bottom: 2em;
}

img.qrcImg  {
max-width:66%;
padding-top: 0.2em; padding-bottom: 0.2em;
background-color: white;
}

img.diagramImg {
width:66%;
padding-top: 1em; padding-bottom: 2em;
}
}



@media only screen and (min-width: 430px) {

img.locationImg {
width:66%;
padding-top: 1em; padding-bottom: 2em;
}

img.qrcImg  {
max-width:66%;
padding-top: 0.2em; padding-bottom: 0.2em;
background-color: white;
}

img.diagramImg {
width:66%;
padding-top: 1em; padding-bottom: 2em;
}
}



@media only screen and (min-width: 481px) {

img.locationImg {
max-width:50%;
padding-top: 1em; padding-bottom: 2em;
}

img.qrcImg  {
width:44%;
padding-top: 1em; padding-bottom: 1em; padding-left: 3%; padding-right: 3%;
background-color: white;
}

img.diagramImg {
max-width:50%;
padding-top: 1em; padding-bottom: 2em;
}
}


@media only screen and (min-width: 769px) {

img.locationImg {
max-width:30%;
padding-top: 1em; padding-bottom: 2em;
}

img.qrcImg  {
width:26%;
padding-top: 1em; padding-bottom: 1em; padding-left: 2%; padding-right: 2%;
background-color: white;
}

img.diagramImg {
max-width:40%;
padding-top: 1em; padding-bottom: 2em;
}
}



@media only screen and (min-width: 1025px) {

img.locationImg {
max-width:30%;
padding-top: 1em; padding-bottom: 2em;
}

img.qrcImg  {
width:28%;
padding-top: 1em; padding-bottom: 2em; padding-left: 1%; padding-right 1%;
background-color: white;
}

img.diagramImg {
max-width:40%;
padding-top: 1em; padding-bottom: 2em;
}
}


@media only screen and (min-width: 1201px) {

img.locationImg {
width:30%;
padding-top: 1em; padding-bottom: 2em;
}

img.qrcImg  {
max-width:22%;
padding-top: 1em; padding-bottom: 1em; padding-left: 4%; padding-right: 4%;
background-color: white;
}

img.diagramImg {
max-width:40%;
padding-top: 1em; padding-bottom: 2em;
}
}


@media only screen and (min-width: 1701px) {

img.locationImg {
max-width:30%;
padding-top: 1em; padding-bottom: 2em;

}

img.qrcImg  {
max-width:22%;
padding-top: 1em; padding-bottom: 1em; padding-left: 4%; padding-right: 4%;
background-color: white;
}

img.diagramImg {
max-width:40%;
padding-top: 1em; padding-bottom: 2em;
}
}