@media only screen and (max-width: 320px){html{font-size: 70px !important;} }
@media only screen and (min-width: 321px) and (max-width: 360px){html{font-size: 75px;} }
@media only screen and (min-width: 361px) and (max-width: 380px){html{font-size: 80px;} }
@media only screen and (min-width: 381px) and (max-width: 400px){html{font-size: 85px;} }
@media only screen and (min-width: 401px) and (max-width: 420px){html{font-size: 90px;} }
@media only screen and (min-width: 421px) and (max-width: 440px){html{font-size: 95px;} }
@media only screen and (min-width: 441px) and (max-width: 460px){html{font-size: 100px;} }
@media only screen and (min-width: 461px) and (max-width: 480px){html{font-size: 105px;} }
@media only screen and (min-width: 481px) and (max-width: 500px){html{font-size: 110px;} }
@media only screen and (min-width: 501px) and (max-width: 520px){html{font-size: 115px;} }
@media only screen and (min-width: 521px) and (max-width: 540px){html{font-size: 120px;} }
@media only screen and (min-width: 541px) and (max-width: 560px){html{font-size: 125px;} }
@media only screen and (min-width: 561px) and (max-width: 580px){html{font-size: 130px;} }
@media only screen and (min-width: 581px) and (max-width: 600px){html{font-size: 135px;} }
@media only screen and (min-width: 601px) and (max-width: 620px){html{font-size: 140px;} }
@media only screen and (min-width: 640px){html{font-size: 140px;} }

.username_card{
	position: relative;
}
.username_card:before {
  content: "";
  width: 0.3rem;
  position: absolute;
 top: -.4rem;
  right: 4%;
  display: block;
  height: 0.3rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/Scan.png);
  }

.username_label{
	position: relative;
}
.username_label .ico{
  width: 0.3rem;
  position: absolute;
 top: -.4rem;
  right: 4%;
  display: block;
  height: 0.3rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/Scan.png);
 }