/*phone*/

@media only screen and (orientation: portrait)
{
	html{
		background-color: black;
	}

	/*LOGO*/
	#logo2{
		width: 17vw;
		position: absolute;
		top: 5.5vw;
		left: 2vw;
		z-index: 2;
	}

	h4{
		font-size: 4vw;
		color: white;
		position: absolute;
		top: 26vw;
		left: 6vw;
	}
	
	#title{
		font-size:4vw;
		color: white;

		top: 3vw;
		left: 6vw;
	}
	#details{
		font-size: 2.5vw;
		color: white;
		top: 8vw;
		left: 6vw;
	}
	
	table{
		position: absolute;
		top: 50vw;
		transform: translateX(-50%);
		left: 50%;
		width: 59%;
	}
	
}

@media only screen and (orientation: landscape) and (max-width: 1385px)
{
		html{
		background-color: black;
	}

	/*LOGO*/
	#logo2{
		width: 9vw;
		position: absolute;
		top: 2vw;
		left: 2vw;
		z-index: 2;
	}

	h4{
		font-size: 3vw;
		color: white;
		position: absolute;
		top: 10vw;
		left: 6vw;
	}
	
	#title{
		font-size: 2vw;
		color: white;

		top: 3vw;
		left: 6vw;
	}
	#details{
		font-size: 2vw;
		color: white;
		top: 8vw;
		left: 6vw;
	}
	
	table{
		width: 50vw;
		position: absolute;
		top: 24vw;
		transform: translateX(-50%);
		left: 50%;
	}
	
}



/*iPad*/

@media only screen and (min-height: 1000px) and (max-height: 1400px) and (max-width: 1500px)
{
	html{
		background-color: black;
	}

	/*LOGO*/
	#logo2{
		width: 12vw;
		position: absolute;
		top: 6vw;
		left: 2vw;
		z-index: 2;
	}

	h4{
		font-size: 6vw;
		color: white;
		position: absolute;
		top: 15vw;
		left: 14vw;
	}
	
	#title{
		font-size: 3.6vw;
		color: white;

		top: 3vw;
		left: 6vw;
	}
	#details{
		font-size: 2.6vw;
		color: white;
		top: 8vw;
		left: 6vw;
	}
	
	table{
		width: 57vw;
		position: absolute;
		top: 40vw;
		transform: translateX(-50%);
		left: 50%;
	}
	
}