html, body{background: #002d19; height: 100%; overflow-y: hidden; margin: 0;}
#blockLandscape {display: none;}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	canvas {display: none;}
	#blockLandscape {display: block; position: fixed; top: 50%; transform: translateY(-50%); width: 100%; color: white; font-size: 30px; font-family: 'Poppins'; font-weight: bold; text-align: center;}
    #blockLandscape div {background-image: url('../images/iconRotate.png'); background-repeat: no-repeat; background-position: center; background-size: 40%; width: 500px; height: 150px; margin: 0 auto 1rem auto;}
}

@media screen and (max-width: 480px) and (orientation:landscape) {
	canvas {display: none;}
	#blockLandscape {display: block; position: fixed; top: 50%; transform: translateY(-50%); width: 100%; color: white; font-size: 30px; font-family: 'Poppins'; font-weight: bold; text-align: center;}
    #blockLandscape div {background-image: url('../images/iconRotate.png'); background-repeat: no-repeat; background-position: center; background-size: 40%; width: 500px; height: 150px; margin: 0 auto 1rem auto;}	
}