/* force landscape*/

#rotateMe:not(.hidden)
{
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    background-image: url(../img/rotate.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 999999;
	top: 0;
    left: 0;
}

@media all and (orientation: portrait)
{
	#rotateMe:not(.hidden)
	{
		display: none;
	}
}

@media all and (orientation: landscape) and (min-width: 481px) 
{
	#container, #main
	{
		display: none !important;
	}

	#rotateMe:not(.hidden)
	{
		display: block;
	}
}