html {
	font-size:10px;
}

body 
	{
		background-color:blanchedalmond;	
		text-align:center;
	}
	
.formular{
	height:94vh;
}

#autentificare
	{	 
		display: inline-block;
		font-family:serif;
		font-size:3rem;	
		
	}	
#autentificare ul
	{
		list-style-type:none;
		color:chocolate;
	}
.titlu
	{
		text-align:center;
		font-family:serif;
		font-size:4rem;
		color:chocolate;		
		padding:3% 0;
	}	
.text
{
	text-align:left;
	padding-bottom:7%;
}	
.introducere
	{
		font-family:serif;
		font-size:3rem;
		color:chocolate;
	}
.btn
	{
		height:4rem;
		width:16rem;
		font-family:serif;
		font-size:2rem;
		border-radius:2rem;
		color:white;
		background-color:chocolate;
	}	
.observatii
	{
		padding-top:3%;
		font-family:serif;
		font-size:2rem;
		color:chocolate;
	}	

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


		/* media queries */

@media (max-width:576px),(orientation:portrait) {
	#autentificare input{width:100%;}
	#autentificare li {line-height: 3rem;}
	#footer-set p{ padding:3% 0;}
}

@media (min-width:576px) and (orientation:landscape){
	#autentificare li {line-height: 3rem;}
	#footer-set	{height: 10vh;}
	#footer-set p{ padding:2% 0;}
}

@media (min-width:768px) and (orientation:landscape){
	#footer-set	{height: 6vh;}
	#footer-set p{ padding:1% 0;}
}

@media (min-width:992px){
	
}

@media (min-width:1200px){
	
}