/*phone*/

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

	/*LOGO*/
	#logo2{
		width: 17vw;
		position: fixed;
		top: 8.5vw;
		left: 2vw;
		z-index: 3;
	}
	
	#contact{
		font-size: 15vw;
		color: white;
		position: fixed;
		top: 25%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#name{
		text-align: center;
		font-size: 7vw;
		color: white;
		position: fixed;
		top: 47%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#text01{
		text-align: center;
		font-size: 3vw;
		color: white;
		position: fixed;
		top: 54%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	
	#title{
		font-size: 4vw;
		color: white;

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

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

	/*LOGO*/
	#logo2{
		width: 9vw;
		position: fixed;
		top: 2.5vw;
		left: 2vw;
		z-index: 3;
	}
	
	#contact{
		font-size: 10vw;
		color: white;
		position: fixed;
		top: 15%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#name{
		text-align: center;
		font-size: 5vw;
		color: white;
		position: fixed;
		top: 42%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#text01{
		text-align: center;
		font-size: 3vw;
		color: white;
		position: fixed;
		top: 58%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	
	#title{
		font-size: 4vw;
		color: white;

		top: 3vw;
		left: 6vw;
	}
	#details{
		font-size: 2vw;
		color: white;
		top: 8vw;
		left: 6vw;
	}
	
	table{
		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: fixed;
		top: 6vw;
		left: 2vw;
		z-index: 3;
	}
	
	#contact{
		font-size: 10vw;
		color: white;
		position: fixed;
		top: 30%;
		left: 30%;
		transform: translate(-50%, -50%);
	}
	#name{
		text-align: center;
		font-size: 9vw;
		color: white;
		position: fixed;
		top: 44 %;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 62%;
	}
	#text01{
		text-align: center;
		font-size: 4vw;
		color: white;
		position: fixed;
		top: 56%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 62%;
	}
	
	
	#title{
		font-size: 4vw;
		color: white;

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