/* CSS Document */

#container  {
  width : 100%; 
  height : 100%; 
  position : absolute; 
  top : 0px; 
  left : 0px;
  margin : 0px;
  padding : 0px;
}

body {
  overflow : hidden;
}

#tutorial {
  pointer-events: none;
  color : #FF0;
  position : absolute; 
  top : 50%; 
  left : 30%;
}

h1 {
  font : 5.84em 'Roboto';
  font-weight:700;
  letter-spacing: 20px;
  line-height: 10px;
}


p {
  font : 2em 'Roboto';
  font-weight:500;
  text-align: center;
  line-height: 10px;
}
	

@media only screen and (max-device-width: 480px) and (orientation: portrait) {
		#tutorial {
  		pointer-events: none;
  		color : #FF0;
  		font : 2.8em 'Roboto';
  		font-weight:700;
  		letter-spacing: 15px;
  		position : absolute; 
  		top : 50%; 
  		left : 30%;
		text-align:right;
		}
	}
	
@media screen and (max-device-width: 640px) and (orientation: landscape){
  		#tutorial {
  		pointer-events: none;
  		color : #FF0;
  		font : 3.8em 'Roboto';
  		font-weight:700;
  		letter-spacing: 15px;
  		position : absolute; 
  		top : 50%; 
  		left : 50%;
		text-align:right;
		}
}