/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	@media screen and (orientation:landscape) {
		#orientation {
	         display: none !important;
	    }
	    #swipe
		{
			display: block !important;
		}
		html, body {
			overflow: scroll !important;
		}

	}
	@media screen and (orientation:portrait) {
		#orientation {
	         display: block !important;
	    }
	    #swipe
		{
			display: none !important;
		}
		html, body {
			overflow: scroll !important;
		}
	}
}
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  	@media screen and (orientation:landscape) {
		#orientation {
	         display: none !important;
	    }
	    #swipe
		{
			display: block !important;
		}
		html, body {
			overflow: scroll !important;
		}

	}
	@media screen and (orientation:portrait) {
		#orientation {
	         display: block !important;
	    }
	    #swipe
		{
			display: none !important;
		}
		html, body {
			overflow: scroll !important;
		}
	}
}


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

	@media screen and (orientation:landscape) {
		#orientation {
	         display: none;
	    }
	    #swipe
		{
			display: block
		}
		html, body {

		}

	}

	@media screen and (orientation:portrait) {
		#orientation {
	         display: block;
	    }
	    #swipe
		{
			display: none;
		}
		html, body {

		}


	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

	@media screen and (orientation:landscape) {
		#orientation {
	         display: none;
	    }
	    #swipe
		{
			display: block
		}
		html, body {

		}

	}
	@media screen and (orientation:portrait) {
		#orientation {
	         display: block;
	    }
	    #swipe
		{
			display: none;
		}
		html, body {

		}
	}

}

/* Safe case for phones*/
@media only screen and (min-width : 640px) {
	@media screen and (orientation:landscape) {
		#orientation {
	         display: none;
	    }
	    #swipe
		{
			display: block
		}
		html, body {

		}
	}

	@media screen and (orientation:portrait) {
		#orientation {
	         display: block;
	    }
	    #swipe
		{
			display: none;
		}
		html, body {

		}

	}

}
/* LowRes Desktops -- IPADs cases defined above */
@media only screen and (min-width : 641px) {
	#orientation {
		display: none;
	}
	#swipe
	{
		display: none;
	}
	html, body {
		overflow: hidden;
	}
}
/* LowRes Desktops -- IPADs cases defined above */
@media only screen and (min-width : 768px) {
	#orientation {
		display: none;
	}
	#swipe
	{
		display: none;
	}
	html, body {
		overflow: hidden;
	}
}



/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#orientation {
		display: none;
	}
	#swipe
	{
		display: none;
	}
	html, body {
		overflow: hidden;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#orientation {
		display: none;
	}
	#swipe
	{
		display: none;
	}
	html, body {
		overflow: hidden;
	}
}
/* Much Large Devices, Wide Screens */
@media screen and (min-width: 2400px) {
    #orientation {
		display: none;
	}
	#swipe
	{
		display: none;
	}
	html, body {
		overflow: hidden;
	}
}



.full-screen
{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow: hidden !important; 
	
}
#orientation 
{
	background-color: #000000;
	z-index: 4;
}
#orientation .text
{
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
	background-color: #000000;
	font-weight: bold;
	font-size: 10vh;
	font-family: "Segoe UI",Arial,sans-serif;
}