div.z {
  display: inline-block;
}

@media screen and (height: 400px) { .g { height: 400px } }
@media screen and (height: 401px) { .g { height: 401px } }
@media screen and (height: 402px) { .g { height: 402px } }
@media screen and (height: 403px) { .g { height: 403px } }
@media screen and (height: 404px) { .g { height: 404px } }
@media screen and (height: 405px) { .g { height: 405px } }
@media screen and (height: 406px) { .g { height: 406px } }
@media screen and (height: 407px) { .g { height: 407px } }
@media screen and (height: 408px) { .g { height: 408px } }
@media screen and (height: 409px) { .g { height: 409px } }
@media screen and (height: 410px) { .g { height: 410px } }
@media screen and (height: 411px) { .g { height: 411px } }
@media screen and (height: 412px) { .g { height: 412px } }
@media screen and (height: 413px) { .g { height: 413px } }
@media screen and (height: 414px) { .g { height: 414px } }
@media screen and (height: 415px) { .g { height: 415px } }
@media screen and (height: 416px) { .g { height: 416px } }
@media screen and (height: 417px) { .g { height: 417px } }
@media screen and (height: 418px) { .g { height: 418px } }
@media screen and (height: 419px) { .g { height: 419px } }
@media screen and (height: 420px) { .g { height: 420px } }
@media screen and (height: 421px) { .g { height: 421px } }
@media screen and (height: 422px) { .g { height: 422px } }
@media screen and (height: 423px) { .g { height: 423px } }
@media screen and (height: 424px) { .g { height: 424px } }
@media screen and (height: 425px) { .g { height: 425px } }
@media screen and (height: 426px) { .g { height: 426px } }
@media screen and (height: 427px) { .g { height: 427px } }
@media screen and (height: 428px) { .g { height: 428px } }
@media screen and (height: 429px) { .g { height: 429px } }
@media screen and (height: 430px) { .g { height: 430px } }
@media screen and (height: 431px) { .g { height: 431px } }
@media screen and (height: 432px) { .g { height: 432px } }
@media screen and (height: 433px) { .g { height: 433px } }
@media screen and (height: 434px) { .g { height: 434px } }
@media screen and (height: 435px) { .g { height: 435px } }
@media screen and (height: 436px) { .g { height: 436px } }
@media screen and (height: 437px) { .g { height: 437px } }
@media screen and (height: 438px) { .g { height: 438px } }
@media screen and (height: 439px) { .g { height: 439px } }
@media screen and (height: 440px) { .g { height: 440px } }
@media screen and (height: 441px) { .g { height: 441px } }
@media screen and (height: 442px) { .g { height: 442px } }
@media screen and (height: 443px) { .g { height: 443px } }
@media screen and (height: 444px) { .g { height: 444px } }
@media screen and (height: 445px) { .g { height: 445px } }
@media screen and (height: 446px) { .g { height: 446px } }
@media screen and (height: 447px) { .g { height: 447px } }
@media screen and (height: 448px) { .g { height: 448px } }
@media screen and (height: 449px) { .g { height: 449px } }
@media screen and (height: 450px) { .g { height: 450px } }
@media screen and (height: 451px) { .g { height: 451px } }
@media screen and (height: 452px) { .g { height: 452px } }
@media screen and (height: 453px) { .g { height: 453px } }
@media screen and (height: 454px) { .g { height: 454px } }
@media screen and (height: 455px) { .g { height: 455px } }
@media screen and (height: 456px) { .g { height: 456px } }
@media screen and (height: 457px) { .g { height: 457px } }
@media screen and (height: 458px) { .g { height: 458px } }
@media screen and (height: 459px) { .g { height: 459px } }
@media screen and (height: 460px) { .g { height: 460px } }
@media screen and (height: 461px) { .g { height: 461px } }
@media screen and (height: 462px) { .g { height: 462px } }
@media screen and (height: 463px) { .g { height: 463px } }
@media screen and (height: 464px) { .g { height: 464px } }
@media screen and (height: 465px) { .g { height: 465px } }
@media screen and (height: 466px) { .g { height: 466px } }
@media screen and (height: 467px) { .g { height: 467px } }
@media screen and (height: 468px) { .g { height: 468px } }
@media screen and (height: 469px) { .g { height: 469px } }
@media screen and (height: 470px) { .g { height: 470px } }
@media screen and (height: 471px) { .g { height: 471px } }
@media screen and (height: 472px) { .g { height: 472px } }
@media screen and (height: 473px) { .g { height: 473px } }
@media screen and (height: 474px) { .g { height: 474px } }
@media screen and (height: 475px) { .g { height: 475px } }
@media screen and (height: 476px) { .g { height: 476px } }
@media screen and (height: 477px) { .g { height: 477px } }
@media screen and (height: 478px) { .g { height: 478px } }
@media screen and (height: 479px) { .g { height: 479px } }
@media screen and (height: 480px) { .g { height: 480px } }
@media screen and (height: 481px) { .g { height: 481px } }
@media screen and (height: 482px) { .g { height: 482px } }
@media screen and (height: 483px) { .g { height: 483px } }
@media screen and (height: 484px) { .g { height: 484px } }
@media screen and (height: 485px) { .g { height: 485px } }
@media screen and (height: 486px) { .g { height: 486px } }
@media screen and (height: 487px) { .g { height: 487px } }
@media screen and (height: 488px) { .g { height: 488px } }
@media screen and (height: 489px) { .g { height: 489px } }
@media screen and (height: 490px) { .g { height: 490px } }