/*phone*/

@media only screen and (orientation: portrait)
{

html{
	background-color: black;
}
	
/*LOGO*/
#logo{
	width: 20vw;
	position: fixed;
	top: 5vw;
	left: 2vw;
	z-index: 3;
}
/*Headline*/
h1{
	z-index: 2;
	position: fixed;
	top: 45%;
	transform: translateY(-50%);
	left: 4vw;
	font-size: 12vw;
	width: 100%;
	color: white;
}
h2{
	z-index: 2;
	position: fixed;
	bottom: 39%;
	transform: translateY(-50%);
	left: 4vw;
	font-size: 4vw;
	width: 100%;
	color: white;
}
#textclear{
	opacity: 1;
}
#textclear2{
	opacity: 1;
}

/*Social*/
#social{
	opacity: 1;
	position: fixed;
	display: inline-block;
	right: 7%;
	top: 90%;
	z-index: 3;
	list-style-type: none;
	padding-left: 0%;
	transition-duration: 1.3s;
	}

#social_img{
	width: 13vw;
}
}

@media only screen and (orientation: landscape) and (max-width: 1385px)
{

html{
	background-color: black;
}
	
/*LOGO*/
#logo{
	width: 9vw;
	position: fixed;
	top: 2.5vw;
	left: 2vw;
	z-index: 3;
}
/*Headline*/
h1{
	z-index: 2;
	position: fixed;
	top: 40%;
	transform: translateY(-50%);
	left: 3.5vw;
	font-size: 8vw;
	width: 100%;
	color: white;
}
h2{
	z-index: 2;
	position: fixed;
	bottom: 30%;
	transform: translateY(-50%);
	left: 4vw;
	font-size: 3vw;
	width: 100%;
	color: white;
}
#textclear{
	opacity: 1;
}
#textclear2{
	opacity: 1;
}

/*Social*/
#social{
	opacity: 1;
	position: fixed;
	display: inline-block;
	right: 6%;
	bottom: 1vw;
	z-index: 3;
	list-style-type: none;
	padding-left: 0%;
	transition-duration: 1.3s;
	}

#social_img{
	width: 5vw;
}
}


/*iPad*/

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

/*LOGO*/
#logo{
	width: 18vw;
	position: fixed;
	top: 3.5vw;
	left: 2vw;
	z-index: 3;
}
/*Headline*/
/*h1{
	z-index: 2;
	position: fixed;
	top: 45%;
	transform: translateY(-50%);
	left: 4vw;
	font-size: 10vw;
	width: 100%;
	color: white;
}
h2{
	z-index: 2;
	position: fixed;
	bottom: 36%;
	transform: translateY(-50%);
	left: 4vw;
	font-size: 5vw;
	width: 100%;
	color: white;
}*/
	
	h1{
	z-index: 2;
	position: fixed;
	top: 82%;
	transform: translateY(-50%);
	left: 4vw;
	font-size: 8vw;
	width: 100%;
	color: white;
}
h2{
	z-index: 2;
	position: fixed;
	bottom: 0%;
	transform: translateY(-50%);
	left: 4vw;
	font-size: 5vw;
	width: 100%;
	color: white;
}
	
#textclear{
	opacity: 1;
}
#textclear2{
	opacity: 1;
}

/*Social*/
#social{
	opacity: 1;
	position: fixed;
	display: inline-block;
	right: 6%;
	top: 87%;
	z-index: 3;
	list-style-type: none;
	padding-left: 0%;
	transition-duration: 1.3s;
	}

#social_img{
	width: 12vw;
}
}