@media screen and (min-width: 320px) {
  html {
    /*font-size: 100px!important;  100px/2/100 = 0.5rem;*/
    font-size: 84.375px!important;
  }
}
@media screen and (min-width: 330px) {
  html {
    /*font-size: 103.125px!important;*/
    font-size: 87.5px!important;
  }
}
@media screen and (min-width: 340px) {
  html {
    /*font-size: 106.25px!important;*/
    font-size: 90.625px!important;
  }
}
@media screen and (min-width: 350px) {
  html {
    /*font-size: 109.375px!important;*/
    font-size: 93.75px!important;
  }
}
@media screen and (min-width: 360px) {
  html {
    font-size: 96.875px!important;
    /*font-size: 112.5px!important;*/
  }
}
@media screen and (min-width: 370px) {
  html {
    /*font-size: 115.625px!important;*/
    font-size: 100px!important;
  }
}
@media screen and (min-width: 380px) {
  html {
    /*font-size: 118.75px!important;*/
    font-size: 103.125px!important;
  }
}
@media screen and (min-width: 390px) {
  html {
    /*font-size: 121.875px!important;*/
    font-size: 106.25px!important;
  }
}
@media screen and (min-width: 400px) {
  html {
    /*font-size: 125px!important;*/
    font-size: 109.375px!important;
  }
}
@media screen and (min-width: 410px) {
  html {
    /*font-size: 128.125px!important;*/
    font-size: 112.5px!important;
  }
}
@media screen and (min-width: 420px) {
  html {
    /*font-size: 131.25px!important;*/
    font-size: 115.625px!important;
  }
}
@media screen and (min-width: 430px) {
  html {
    /*font-size: 134.375px!important;*/
    font-size: 117.75px!important;
  }
}
@media screen and (min-width: 440px) {
  html {
    /*font-size: 137.5px!important;*/
    font-size: 120.875px!important;
  }
}
@media screen and (min-width: 450px) {
  html {
    /*font-size: 140.625px!important;*/
    font-size: 124px!important;
  }
}
@media screen and (min-width: 460px) {
  html {
    /*font-size: 143.75px!important;*/
    font-size: 127.125px!important;
  }
}
@media screen and (min-width: 470px) {
  html {
    /*font-size: 146.875px!important;*/
    font-size: 130.25px!important;
  }
}
@media screen and (min-width: 480px) {
  html {
    /*font-size: 150px!important;*/
    font-size: 133.375px!important;
  }
}
@media screen and (min-width: 490px) {
  html {
    /*font-size: 153.125px!important;*/
    font-size: 136.5px!important;
  }
}
@media screen and (min-width: 500px) {
  html {
    /*font-size: 156.25px!important;*/
    font-size: 139.625px!important;
  }
}
@media screen and (min-width: 639px) {
  html {
    /*font-size: 200px!important;*/
    font-size: 142.75px!important;
  }
}
@media screen and (min-width: 719px) {
  html {
    /*font-size: 225px!important;*/
    font-size: 135.875px!important;
  }
}
@media screen and (max-width: 319px) {
  html {
    font-size: 84.375px!important;
  }
}

@-ms-viewport {
  width: device-width;
}
@media (min-width:320px) {
body{padding:0;font-size:14px}
.lvbd{min-height:420px}
}

@media (max-width:320px) {
.lvbd{min-height:420px}
}
@media (max-width:540px) {
.lvbd{min-height:500px}
.footer{padding-top:2%;}
}
@media print {

}
@media (min-width:768px) and (max-width: 979px) {
.lvbd{min-height:500px}
.footer{padding-top:2%;}
}
@media (min-width:1024px) {
.lvbd{min-height:500px;padding-bottom:2%;}
.footer{padding-top:2%;}

}
@media (max-width:979px) {}
@media (max-width:320px) {
.lvbd{width:320px;}
}