* { box-sizing: border-box; }
body {  text-align: center;
		font-family:Arial; 
		font-size:12pt; }
h1 {  	position: absolute;
		text-align: right;
		top: 30;
		left: 60%;
		font-family:Arial; 
		font-size: 50pt; 
		line-height: 1.5;}
h2 {  	position: absolute;
		left: 60%;
		top: 125;
		font-family:Arial; 
		font-size: 20pt; 
		line-height: 1.8;}
h3 {  	position: relativ;
		left: 60%;
		top: 130;
		font-family:Arial; 
		font-size: 20pt; }
h4 {  	position: absolute;
		left: 60%;
		top: 180;
		font-family:Arial; 
		font-size: 8pt; }

a:link{	text-decoration:none;
		text-align: center;
		font-family:Arial; 
		font-size:12pt; 
		
		}
td{        font-size:12pt; 
		
		}
.scene {
  border: 0px solid #CCC;
  position: relative;
  width: 105px;
  height: 60px;
  margin: 100px 20% ;
  perspective: 1000px;
  
} 

@media  (orientation: portrait){
	
body {	font-size:25pt;
		}
h1{		position: relative;
		left: 0;
		top: 0;
		font-size:55pt;
		text-align: center;}	
h2{		position: relative;
		left: 0;
		top: -40;
		font-size:35pt;
		text-align: center;}	
h3{		position: relative;
		left: 0;
		top: 10;
		font-size:35pt;
		text-align: center;}	
h4{		position: relative;
		left: 0;
		top: 0;
		font-size:5pt;
		text-align: center;}		
td{        font-size:21pt; 
		
		}
th 	{ 
		background-color:blue;  
		color:white;
		 font-size:18pt;
		}
.scene	{width: 210px;
  		height: 120px;
		margin: 80px auto;}
	}