html {
	font-size:10px;
}

body
	{
		background-image:url("../img/loadingbg.jpg");
		background-size:100% 100%;
		background-repeat:no-repeat;		
	}	

#welcome{
	height:94vh;
}	

/*loading screen*/
/*loading*/	
#loading
	{	display:flex; height:100%; width:100%; text-align:center; }	

.loading
	{
		position:absolute;
		height:50%;
		width:15%;
		top:40%;
		left:30%;
		transform:translate(-50%,-50%);	
	}
.text-loading
	{
		position:absolute;
		top:20%;
		left:15%;
		font-size:6vh;
		color:#6495ED;
	}
.chenar-loading
	{
		position:absolute;
		height:2vh;
		width:50vw;
		border-radius:1vh;
		border:0.2vh solid #6495ED;
		top:45%;
		left:8%;		
	}	
.anim-loading
	{
		position:absolute;
		height:2.3vh;
		border-radius:1vh;
		background-color:#6495ED;
		animation-name:loading;
		animation-duration:4s;
		animation-timing-function:linear;
		animation-fill-mode:forwards;
		animation-delay:1s;
	}
@keyframes loading
	{		
		0% {width:0vw;left:8%; top:45%;}
		100% {width:50.1vw;left:8%; top:45%}
	}	
/*loading screen*/
/*

.loading
	{
		position:absolute;
		height:50%;
		width:15%;
		top:40%;
		left:50%;
		transform:translate(-50%,-50%);	
	}
.text-loading
	{
		position:absolute;
		top:20%;
		left:15%;
		font-size:6vh;
		color:#6495ED;
	}
.chenar-loading
	{
		position:absolute;
		height:2vh;
		width:15vw;
		border-radius:1vh;
		border:0.2vh solid #6495ED;
		top:45%;
		left:8%;		
	}	
.anim-loading
	{
		position:absolute;
		height:2.3vh;
		border-radius:1vh;
		background-color:#6495ED;
		animation-name:loading;
		animation-duration:4s;
		animation-timing-function:linear;
		animation-fill-mode:forwards;
		animation-delay:1s;
	}
@keyframes loading
	{		
		0% {width:0vw;left:8%; top:45%;}
		100% {width:15.1vw;left:8%; top:45%}
	}
*/



/*home page*/
#ro {
	position:absolute;
	visibility:hidden;
	top:70%;
	left:30%;
	height:10rem;
	width:10rem;
}
#en{
	position:absolute;
	visibility:hidden;
	top:70%;
	left:70%;
	height:10rem;
	width:10rem;
}

#footer-set
	{
		display:block;	
		height:6vh;
		/*width:100vw;*/
		background-color:black;
		text-align:center;
		padding: 1% 0 0 0;
	}
#footer-set p
	{
		
		list-style-type:none;
		color:antiquewhite;
		font-size:1.5rem;
	}		
	
/*home page*/

/* media queries */
@media (max-width: 576px){
	#ro {height:5rem; width:5rem;left:20%;}
	#en {height:5rem; width:5rem;left:65%;}		
	}

/* Small devices (landscape phones, 576px and up)*/
/*@media (min-width: 576px) {
	#ro {height:5rem; width:5rem;left:20%;}
	#en {height:5rem; width:5rem;left:65%;}
}*/
	

/*Small devices (tablets, 768px and up) */ 
@media (min-width:577px) {
	.loading{left:50%;}
	.chenar-loading{width:15vw;}
	@keyframes loading
	{		
		0% {width:0vw;left:8%; top:45%;}
		100% {width:15.1vw;left:8%; top:45%}
	}
	#ro {height:5rem; width:5rem;left:25%;}
	#en {height:5rem; width:5rem;left:70%;}
	
}
	
/* Medium devices (desktops, 992px and up) */ 
@media (min-width:768px) and (orientation:portrait) {
	.loading{left:30%;}
	.chenar-loading{width:50vw;}
@keyframes loading
	{		
		0% {width:0vw;left:8%; top:45%;}
		100% {width:50.1vw;left:8%; top:45%}
	}
	#ro {height:10rem; width:10rem;left:30%;}
	#en {height:10rem; width:10rem;left:70%;}
	#footer-set{padding: 5% 0 0 0;}
	#footer-set p{font-size: 3.5rem;}
}

@media (min-width:768px) and (orientation:landscape) {
	.loading{left:50%;}
	.text-loading{font-size: 10vh;}
	.anim-loading{height:4.3vh;}
	.chenar-loading{height:4vh;width:22vw;top:50%}
@keyframes loading
	{		
		0% {width:0vw;left:8%; top:50%;}
		100% {width:22.1vw;left:8%; top:50%}
	}
	#ro {height:10rem; width:10rem;left:30%;}
	#en {height:10rem; width:10rem;left:70%;}	
	#footer-set p{font-size: 2rem;}
}
	

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width:1200px) 
{
	#welcome{
		height:92vh;
	}
}

/* media queries */