body {
	width: 95vw;
	
	margin: 5px auto 0 auto;
	font-size: 3em;

    background-image:url("/translate/assets/bg-trans.jpg") ;
   background-size:100vw;
   
 
}
body::after {
    opacity:0.2;
}

input,select { font-size: 1em; }
.container {
	
	width: auto;
	
	margin:0 5% 0 5%;
}

#src ,#trgt, #local{
	
	width: 90vw;
	min-width:400px;
	padding: 1px;
	
	float:left;
	
}
#caption{
    direction:rtl;
}
#src, #local {
direction: ltr;

}


#footer {
	height:100px;
	background-color:black;
	opacity:0.5;
	color:white;
	clear:both;
	width:auto;
	padding:5px 10px 5px 10px;
	font-size:large;
	  
}
#ptitle {
    font-style:bolder;
    font-size:larger;
}
#empty {
	width: 1vw;
	min-width:30px;

	float:left;
	border:1px transparent solid;
	margin-top:3%;
	vertical-align:middle;
	
	
}
#translate {
	border:1px red solid;
	width: auto; 
	height: 98%;
	font-size:larger;
	float: right;
	border: 2px solid;
    border-radius: 25px;
  
	
}
.text {
	font-size: larger;
	width: 94vw; 
	height: 100%;
	padding: 3px;
}
#logo-div {
	
	
}
#src-input,#local-input {
    direction:rtl;
    background-color:transparent;
}
#trgt-input {
    background-color:transparent;
    border:1px solid red;
    margin-bottom:30px;
    display:none;
}
#sLang {
    display:none;
}
#btn {
text-align: center;

}
@media only screen and (max-width: 900px) {

   body { font-size: 2em; }
   .empty: {clear: both;}
}