/* Buttons.css */
/* HomePage & HelpDiv init buttons; BackBtn for all panels */

/* defaults */
.ButtonsDiv {
  z-index: 13;
  visibility: visible;
  position: absolute;
  width: auto;
  height: auto;
  right: .75vw;
  top: .5vh;
}
.MenuButton, .HelpBtn {
  display: inline;
  width: auto;
  text-align: center;
  cursor: pointer;
  background-color: #e0ffd0;
  color: #0070ef;
  font-family: 'PT Sans';
  font-weight: bold;
  font-size: 1vw;
  padding: 0 .6vw .5vh .6vw;
  border: .25vw outset white;
}
.HelpBtn {
  margin-right: .5vw;
}
/* this is used by VideoDiv, SongList, BioDiv, and HelpDiv */
.BackBtn {
  background-color: #e0ffd0;
  cursor: pointer;
  font-family: Salsa;
  font-size: .85vw;
  padding: 0 .3vw;
  margin-right: .5vw;
  border: .2vw outset white;
}
.MenuButton:hover, .HelpBtn:hover, .BackBtn:hover {
  background-color: #0fff50; /*Neon Green*/
  border-style: inset;
}

/* 1600 x 1024 */
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
.ButtonsDiv {
  right: .75vw;
  top: .5vh;
}
.MenuButton, .HelpBtn {
  font-size: 1vw;
  padding: .05vh .6vw .25vh .6vw;
  border-width: .25vw;
}
.HelpBtn {
  margin-right: .5vw;
}
.BackBtn {
  font-size: .95vw;
  padding: 0 .34vw;
  margin-right: .5vw;
  border-width: .2vw;
}
}

/* Dell E7450 Laptop: 1920 x 991 - @ 100% - (1024: default styles)*/
/* Dell E7450 Laptop: 1536 x 782 (792 ?) - @ 125% device settings */
@media only screen and (min-width: 1401px) and (max-width: 1600px) and (min-height: 760px) and (max-height: 810px) {
.ButtonsDiv {
  right: .75vw;
  top: .5vh;
}
.MenuButton, .HelpBtn {
  font-size: 1vw;
  padding: .05vh .6vw .25vh .6vw;
  border-width: .25vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1vw;
  padding: 0 .34vw;
  margin-right: .5vw;
  border-width: .2vw;
}
}

/* Laptop Georgie's Lenovo Win11:  1485 x 737 - custom resized */
@media only screen and (min-width: 1281px) and (max-width: 1500px) and (min-height: 726px) and (max-height:750px) {
.ButtonsDiv {
  right: .75vw;
  top: .5vh;
}
.MenuButton, .HelpBtn {
  font-size: 1vw;
  padding: .05vh .6vw .25vh .6vw;
  border-width: .25vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1vw;
  padding: 0 .34vw;
  margin-right: .5vw;
  border-width: .25vw;
}
}

/* 1400 x 1024 */
@media only screen and (min-width: 1281px) and (max-width: 1400px) {
.ButtonsDiv {
  right: .5vw;
  top: .5vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.1vw;
  padding: .05vh .6vw .25vh .6vw;
  border-width: .25vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.125vw;
  padding: 0 .38vw;
  margin-right: .5vw;
  border-width: .25vw;
}
}

/* Laptop Georgie's Dell: 1367 x 693 - ( when I had this device !! ) */
@media only screen and (min-width: 1281px) and (max-width: 1400px) and (min-height: 685px) and (max-height: 725px) {
.ButtonsDiv {
  right: .75vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.15vw;
  padding: 0 .75vw .35vh .75vw;
  border-width: .25vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.15vw;
  padding: 0 .38vw;
  margin-right: .5vw;
  border-width: .25vw;
}
}

/* Laptop Georgie's Toshiba: 1366 x 768 - ( recommended - F11 ) */
@media only screen and (min-width: 1281px) and (max-width: 1400px) and (min-height: 750px) and (max-height: 780px) {
.ButtonsDiv {
  right: .65vw;
  top: .675vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.1vw;
  padding: 0 .6vw .35vh .6vw;
  border-width: .25vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.15vw;
  padding: 0 .38vw;
  margin-right: .5vw;
  border-width: .25vw;
}
}

/* Laptop Georgie's Toshiba: 1364 x 650 - ( recommended ) */
@media only screen and (min-width: 1281px) and (max-width: 1400px) and (min-height: 630px) and (max-height: 680px) {
.ButtonsDiv {
  right: .65vw;
  top: .6vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.1vw;
  padding: 0 .6vw .35vh .6vw;
  border-width: .25vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.15vw;
  padding: 0 .38vw;
  margin-right: .5vw;
  border-width: .25vw;
}
}

/* Landscape: 1280 x 1024 */
@media only screen and (min-width: 1153px) and (max-width: 1280px) {
.ButtonsDiv {
  right: .65vw;
  top: .5vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.2vw;
  padding: 0 .85vw .3vh .85vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.125vw;
  padding: 0 .38vw;
  margin-right: .5vw;
  border-width: .25vw;
}
}

/* Landscape: 1280 x 728 */
@media only screen and (min-width: 1153px) and (max-width: 1280px) and (min-height: 701px) and (max-height: 800px) {
.ButtonsDiv {
  right: .65vw;
  top: .6vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.15vw;
  padding: 0 .6vw .4vh .6vw;
  border-width: .25vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.15vw;
  padding: 0 .38vw;
  margin-right: .5vw;
  border-width: .25vw;
}
}

/* Landscape Dell E7450 Laptop: 1280 x 642 */
@media only screen and (min-width: 1153px) and (max-width: 1280px) and (min-height: 636px) and (max-height: 700px) {
.ButtonsDiv {
  right: .65vw;
  top: .6vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.25vw;
  padding: 0 .6vw .425vh .6vw;
  border-width: .25vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.15vw;
  padding: 0 .4vw;
  margin-right: .5vw;
  border-width: .25vw;
}
}

/* Landscape Sandra's Tablet: 1280 x 632 */
@media only screen and (min-width: 1153px) and (max-width: 1280px) and (min-height: 625px) and (max-height: 640px) {
.ButtonsDiv {
  right: .65vw;
  top: .6vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.25vw;
  padding: 0 .6vw .425vh .6vw;
  border-width: .25vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.15vw;
  padding: 0 .4vw;
  margin-right: .5vw;
  border-width: .25vw;
}
}

/* Landscape: Lenovo M11 Tablet: 1280 x 605 - Chrome changed the viewport */
@media only screen and (min-width: 1153px) and (max-width: 1280px) and (min-height: 550px) and (max-height: 624px) {
.ButtonsDiv {
  right: .65vw;
  top: .65vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.25vw;
  padding: 0 .6vw .425vh .6vw;
  border-width: .25vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.15vw;
  padding: 0 .4vw;
  margin-right: .5vw;
  border-width: .25vw;
}
}

/* Landscape: 1152 x 834 */
@media only screen and (min-width: 1089px) and (max-width: 1152px) {
.ButtonsDiv {
  right: .65vw;
  top: .6vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.425vw;
  padding: .05vh .6vw .25vh .6vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.3vw;
  padding: 0 .44vw;
  margin-right: .5vw;
  border-width: .3vw;
}
}

/* Landscape: 1088 x 800 */
@media only screen and (min-width: 1025px) and (max-width: 1088px) and (min-height: 760px) and (max-height: 800px) {
.ButtonsDiv {
  right: .65vw;
  top: .6vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.425vw;
  padding: .05vh .6vw .25vh .6vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.3vw;
  padding: 0 .44vw;
  margin-right: .5vw;
  border-width: .3vw;
}
}

/* Landscape: 1024 x 768 */
@media only screen and (min-width: 951px) and (max-width: 1024px) {
.ButtonsDiv {
  right: .65vw;
  top: .6vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.425vw;
  padding: .05vh .6vw .25vh .6vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.45vw;
  padding: 0 .48vw;
  margin-right: .65vw;
  border-width: .3vw;
}
}

/* Landscape Melaina's iPad: 1024 x 651 */
@media only screen and (min-width: 951px) and (max-width: 1024px) and (min-height: 645px) and (max-height: 660px) {
.ButtonsDiv {
  right: .45vw;
  top: .6vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.5vw;
  padding: 0 .7vw .35vh .7vw;
  border-width: .35vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.45vw;
  padding: 0 .48vw;
  margin-right: .65vw;
  border-width: .3vw;
}
}

/* Landscape: Georgie's Motorola Edge: 980 x 387 */
@media only screen and (min-width: 901px) and (max-width: 985px) and (min-height: 361px) and (max-height: 395px) {
.ButtonsDiv {
  right: .65vw;
  top: 1vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.8vw;
  padding: 0 1vw .4vh 1vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.675vw;
  padding: 0 .54vw;
  margin-right: 1.2vw;
  border-width: .35vw;
}
}

/* Landscape Tablet: 936 x 768 */
@media only screen and (min-width: 901px) and (max-width: 950px) {
.ButtonsDiv {
  right: .65vw;
  top: .6vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.65vw;
  padding: 0 .85vw .35vh .85vw;
  border-width: .4vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.55vw;
  padding: 0 .56vw;
  margin-right: .65vw;
  border-width: .35vw;
}
}

/* Landscape: Georgie's Edge: 890 x 352 - UnCustomized !!!! */
@media only screen and (min-width: 831px) and (max-width: 900px) and (min-height: 290px) and (max-height: 360px) {
.ButtonsDiv {
  right: .65vw;
  top: 1vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.9vw;
  padding: 0 1vw .4vh 1vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.675vw;
  padding: 0 .54vw;
  margin-right: 1.2vw;
  border-width: .35vw;
}
}

/* Laptop Georgie Dell: 876 x 493 ( recommended, but she uses F11 !! ) */
@media only screen and (min-width: 831px) and (max-width: 900px) and (min-height: 460px) and (max-height: 510px) {
.ButtonsDiv {
  right: .65vw;
  top: 1vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.9vw;
  padding: 0 1vw .4vh 1vw;
  border-width: .35vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.75vw;
  padding: 0 .56vw;
  margin-right: 1.14vw;
  border-width: .4vw;
}
}

/* Laptop Georgie Dell: 876 x 383 ( recommended, non-F11 !! ) */
@media only screen and (min-width: 831px) and (max-width: 900px) and (min-height: 360px) and (max-height: 410px) {
.ButtonsDiv {
  right: .65vw;
  top: 1vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.9vw;
  padding: 0 1vw .4vh 1vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.75vw;
  padding: 0 .54vw;
  margin-right: 1.2vw;
  border-width: .4vw;
}
}

/* Landscape A20: 814 x 332 Chrome */
@media only screen and (min-width: 801px) and (max-width: 830px) {
.ButtonsDiv {
  right: .65vw;
  top: 1vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.9vw;
  padding: 0 1vw .4vh 1vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.75vw;
  padding: 0 .54vw;
  margin-right: 1.2vw;
  border-width: .4vw;
}
}

/* Landscape A42: 778 x 304 Chrome */
@media only screen and (min-width: 761px) and (max-width: 800px) and (min-height: 290px) and (max-height: 310px) {
.ButtonsDiv {
  right: .65vw;
  top: 1vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.9vw;
  padding: 0 1vw .4vh 1vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.75vw;
  padding: 0 .54vw;
  margin-right: 1.2vw;
  border-width: .3vw;
}
}

/* Portrait: Lenovo M11: 800 x 1085 - Chrome update changed the viewport */
@media only screen and (min-width: 760px) and (max-width: 900px) and (min-height: 900px) and (max-height: 1100px) {
.ButtonsDiv {
  right: .85vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 2.1vw;
  padding: 0 1.15vw .35vh 1.15vw;
  border-width: .45vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 2vw;
  padding: 0 .62vw;
  margin-right: .85vw;
  border-width: .45vw;
}
}

/* Portrait Melaina's iPad: 768 x 907 */
@media only screen and (min-width: 720px) and (max-width: 900px) and (min-height: 850px) and (max-height: 930px) {
.ButtonsDiv {
  right: .85vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 2vw;
  padding: 0 1.15vw .35vh 1.15vw;
  border-width: .45vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.85vw;
  padding: 0 .62vw;
  margin-right: .85vw;
  border-width: .5vw;
}
}

/* Landscape Tenant S23: 749 x 336 */
@media only screen and (min-width: 726px) and (max-width: 760px) and (min-height: 331px) and (max-height: 340px) {
.ButtonsDiv {
  right: .65vw;
  top: 1vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.9vw;
  padding: 0 1vw .4vh 1vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.75vw;
  padding: 0 .54vw;
  margin-right: 1.2vw;
  border-width: .3vw;
}
}

/* Landscape S23: 749 x 304 ===>> new Samsung Ultra */
@media only screen and (min-width: 726px) and (max-width: 760px) and (min-height: 286px) and (max-height: 330px) {
.ButtonsDiv {
  right: .65vw;
  top: 1vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.9vw;
  padding: 0 1vw .4vh 1vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.75vw;
  padding: 0 .54vw;
  margin-right: 1.2vw;
  border-width: .3vw;
}
}

/* Landscape: Henry (the VCR band): 715 x 328 */
@media only screen and (min-width: 656px) and (max-width: 725px) and (min-height: 286px) and (max-height: 340px) {
.ButtonsDiv {
  right: .65vw;
  top: 1vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.9vw;
  padding: 0 1vw .4vh 1vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.75vw;
  padding: 0 .54vw;
  margin-right: 1.2vw;
  border-width: .3vw;
}
}

/* Landscape: Moto: 672 x 280 ===> From Georgie */
@media only screen and (min-width: 651px) and (max-width: 680px) and (min-height: 275px) and (max-height: 285px) {
.ButtonsDiv {
  right: .65vw;
  top: 1vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.9vw;
  padding: 0 1vw .4vh 1vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.8vw;
  padding: 0 .66vw;
  margin-right: 1.2vw;
  border-width: .35vw;
}
}

/* Landscape: J7 & J3: 640 x 280 */
@media only screen and (min-width: 601px) and (max-width: 650px) and (min-height: 275px) and (max-height: 285px) {
.ButtonsDiv {
  right: .65vw;
  top: 1vh;
}
.MenuButton, .HelpBtn {
  font-size: 1.9vw;
  padding: 0 1vw .4vh 1vw;
  border-width: .3vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 1.9vw;
  padding: 0 .66vw;
  margin-right: 1.2vw;
  border-width: .35vw;
}
}

/* Portrait: Georgie's Edge: 432 x 890 - Customized !! */
@media only screen and (min-width: 421px) and (max-width: 519px) and (min-height: 850px) and (max-height: 900px) {
.ButtonsDiv {
  right: .85vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 3.6vw;
  padding: 0 1.35vw .25vh 1.35vw;
  border-width: .65vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 3.5vw;
  padding: 0 1.2vw;
  margin-right: 1.5vw;
  border-width: .65vw;
}
}

/* Portrait: Georgie's Edge: 432 x 834 - UnCustomized !! */
@media only screen and (min-width: 421px) and (max-width: 519px) and (min-height: 791px) and (max-height: 850px) {
.ButtonsDiv {
  right: .85vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 3.6vw;
  padding: 0 1.35vw .165vh 1.35vw;
  border-width: .65vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 3.5vw;
  padding: 0 1.2vw;
  margin-right: 1.5vw;
  border-width: .65vw;
}
}

/* Portrait: Henry (VCR band): 412 x 780 Chrome */
@media only screen and (min-width: 401px) and (max-width: 420px) and (min-height: 761px) and (max-height: 790px) {
.ButtonsDiv {
  right: .85vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 3.6vw;
  padding: 0 1.35vw .165vh 1.35vw;
  border-width: .7vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 3.5vw;
  padding: 0 1.2vw;
  margin-right: 1.5vw;
  border-width: .7vw;
}
}

/* Portrait: A20: 412 x 758 Chrome */
@media only screen and (min-width: 401px) and (max-width: 420px) and (min-height: 745px) and (max-height: 760px) {
.ButtonsDiv {
  right: .85vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 3.6vw;
  padding: 0 1.35vw .1vh 1.35vw;
  border-width: .6vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 3.5vw;
  padding: 0 1.2vw;
  margin-right: 1.5vw;
  border-width: .6vw;
}
}

/* Portrait Tenant S23: 384 x 824 */
@media only screen and (min-width: 381px) and (max-width: 400px) and (min-height: 800px) and (max-height: 840px) {
.ButtonsDiv {
  right: .85vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 3.6vw;
  padding: 0 1.35vw .35vh 1.35vw;
  border-width: .6vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 3.5vw;
  padding: 0 1.2vw;
  margin-right: 1.5vw;
  border-width: .75vw;
}
}

/* Portrait: A42: 384 x 722 Chrome */
@media only screen and (min-width: 381px) and (max-width: 400px) and (min-height: 701px) and (max-height: 744px) {
.ButtonsDiv {
  right: .85vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 3.6vw;
  padding: 0 1.35vw .35vh 1.35vw;
  border-width: .6vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 3.5vw;
  padding: 0 1.2vw;
  margin-right: 1.5vw;
  border-width: .75vw;
}
}

/* Portrait: S23: 384 x 693  ===>> new Samsung Ultra */
@media only screen and (min-width: 381px) and (max-width: 400px) and (min-height: 601px) and (max-height: 700px) {
.ButtonsDiv {
  right: .85vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 3.6vw;
  padding: 0 1.35vw .35vh 1.35vw;
  border-width: .6vw;
}
.HelpBtnDiv {
  margin-right: .5vw;
}
.BackBtn {
  font-size: 3.5vw;
  padding: 0 1.2vw;
  margin-right: 1.5vw;
  border-width: .65vw;
}
}

/* Portrait Moto: 360 x 592 ===>> From Georgie */
@media only screen and (min-width: 341px) and (max-width: 370px) and (min-height: 571px) and (max-height: 600px) {
.ButtonsDiv {
  right: .85vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 3.6vw;
  padding: 0 1.35vw .35vh 1.35vw;
  border-width: .6vw;
}
.HelpBtnDiv {
  margin-right: .85vw;
}
.BackBtn {
  font-size: 3.65vw;
  padding: 0 1.2vw;
  margin-right: 1.5vw;
  border-width: .6vw;
}
}

/* Portrait J7 & J3: 360 x 560 */
@media only screen and (min-width: 341px) and (max-width: 380px) and (min-height: 511px) and (max-height: 570px) {
.ButtonsDiv {
  right: .85vw;
  top: .75vh;
}
.MenuButton, .HelpBtn {
  font-size: 3.6vw;
  padding: 0 1.35vw .35vh 1.35vw;
  border-width: .6vw;
}
.HelpBtnDiv {
  margin-right: .85vw;
}
.BackBtn {
  font-size: 3.65vw;
  padding: 0 1.2vw;
  margin-right: 1.5vw;
  border-width: .6vw;
}
}