.g {
  min-width: 50ex;
  text-align: center;
  min-height: 50ex;
  vertical-align: middle;
  color: black;
}

@media screen and (width: 500px) { .g { width: 500px } }
@media screen and (width: 501px) { .g { width: 501px } }
@media screen and (width: 502px) { .g { width: 502px } }
@media screen and (width: 503px) { .g { width: 503px } }
@media screen and (width: 504px) { .g { width: 504px } }
@media screen and (width: 505px) { .g { width: 505px } }
@media screen and (width: 506px) { .g { width: 506px } }
@media screen and (width: 507px) { .g { width: 507px } }
@media screen and (width: 508px) { .g { width: 508px } }
@media screen and (width: 509px) { .g { width: 509px } }
@media screen and (width: 510px) { .g { width: 510px } }
@media screen and (width: 511px) { .g { width: 511px } }
@media screen and (width: 512px) { .g { width: 512px } }
@media screen and (width: 513px) { .g { width: 513px } }
@media screen and (width: 514px) { .g { width: 514px } }
@media screen and (width: 515px) { .g { width: 515px } }
@media screen and (width: 516px) { .g { width: 516px } }
@media screen and (width: 517px) { .g { width: 517px } }
@media screen and (width: 518px) { .g { width: 518px } }
@media screen and (width: 519px) { .g { width: 519px } }
@media screen and (width: 520px) { .g { width: 520px } }
@media screen and (width: 521px) { .g { width: 521px } }
@media screen and (width: 522px) { .g { width: 522px } }
@media screen and (width: 523px) { .g { width: 523px } }
@media screen and (width: 524px) { .g { width: 524px } }
@media screen and (width: 525px) { .g { width: 525px } }
@media screen and (width: 526px) { .g { width: 526px } }
@media screen and (width: 527px) { .g { width: 527px } }
@media screen and (width: 528px) { .g { width: 528px } }
@media screen and (width: 529px) { .g { width: 529px } }
@media screen and (width: 530px) { .g { width: 530px } }
@media screen and (width: 531px) { .g { width: 531px } }
@media screen and (width: 532px) { .g { width: 532px } }
@media screen and (width: 533px) { .g { width: 533px } }
@media screen and (width: 534px) { .g { width: 534px } }
@media screen and (width: 535px) { .g { width: 535px } }
@media screen and (width: 536px) { .g { width: 536px } }
@media screen and (width: 537px) { .g { width: 537px } }
@media screen and (width: 538px) { .g { width: 538px } }
@media screen and (width: 539px) { .g { width: 539px } }
@media screen and (width: 540px) { .g { width: 540px } }
@media screen and (width: 541px) { .g { width: 541px } }
@media screen and (width: 542px) { .g { width: 542px } }
@media screen and (width: 543px) { .g { width: 543px } }
@media screen and (width: 544px) { .g { width: 544px } }
@media screen and (width: 545px) { .g { width: 545px } }
@media screen and (width: 546px) { .g { width: 546px } }
@media screen and (width: 547px) { .g { width: 547px } }
@media screen and (width: 548px) { .g { width: 548px } }
@media screen and (width: 549px) { .g { width: 549px } }
@media screen and (width: 550px) { .g { width: 550px } }
@media screen and (width: 551px) { .g { width: 551px } }
@media screen and (width: 552px) { .g { width: 552px } }
@media screen and (width: 553px) { .g { width: 553px } }
@media screen and (width: 554px) { .g { width: 554px } }
@media screen and (width: 555px) { .g { width: 555px } }
@media screen and (width: 556px) { .g { width: 556px } }
@media screen and (width: 557px) { .g { width: 557px } }
@media screen and (width: 558px) { .g { width: 558px } }
@media screen and (width: 559px) { .g { width: 559px } }
@media screen and (width: 560px) { .g { width: 560px } }
@media screen and (width: 561px) { .g { width: 561px } }
@media screen and (width: 562px) { .g { width: 562px } }
@media screen and (width: 563px) { .g { width: 563px } }
@media screen and (width: 564px) { .g { width: 564px } }
@media screen and (width: 565px) { .g { width: 565px } }
@media screen and (width: 566px) { .g { width: 566px } }
@media screen and (width: 567px) { .g { width: 567px } }
@media screen and (width: 568px) { .g { width: 568px } }
@media screen and (width: 569px) { .g { width: 569px } }
@media screen and (width: 570px) { .g { width: 570px } }
@media screen and (width: 571px) { .g { width: 571px } }
@media screen and (width: 572px) { .g { width: 572px } }
@media screen and (width: 573px) { .g { width: 573px } }
@media screen and (width: 574px) { .g { width: 574px } }
@media screen and (width: 575px) { .g { width: 575px } }
@media screen and (width: 576px) { .g { width: 576px } }
@media screen and (width: 577px) { .g { width: 577px } }
@media screen and (width: 578px) { .g { width: 578px } }
@media screen and (width: 579px) { .g { width: 579px } }
@media screen and (width: 580px) { .g { width: 580px } }
@media screen and (width: 581px) { .g { width: 581px } }
@media screen and (width: 582px) { .g { width: 582px } }
@media screen and (width: 583px) { .g { width: 583px } }
@media screen and (width: 584px) { .g { width: 584px } }
@media screen and (width: 585px) { .g { width: 585px } }
@media screen and (width: 586px) { .g { width: 586px } }
@media screen and (width: 587px) { .g { width: 587px } }
@media screen and (width: 588px) { .g { width: 588px } }
@media screen and (width: 589px) { .g { width: 589px } }
@media screen and (width: 590px) { .g { width: 590px } }