/*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: 36vw;
		left: 12vw;
	}
	
	#abouttext{
		font-size:4vw;
		color: white;

		top: 3vw;
		left: 6vw;
	}
	
	table{
		position: absolute;
		top: 60vw;
		transform: translateX(-50%);
		left: 50%;
		width: 77%;
	}
	
}

@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: 4vw;
		color: white;
		position: absolute;
		top: 12vw;
		left: 9.5vw;
	}
	
	#abouttext{
		font-size: 2vw;
		color: white;

		top: 3vw;
		left: 6vw;
	}
	
	table{
		width: 80vw;
		position: absolute;
		top: 30vw;
		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;
	}
	
	#abouttext{
		font-size: 3.6vw;
		color: white;

		top: 3vw;
		left: 6vw;
	}
	
	table{
		width: 55vw;
		position: absolute;
		top: 40vw;
		transform: translateX(-50%);
		left: 50%;
	}
	
}