html {
	font-size:10px;
}
body
	{
		background-image:url("../img/library.jpg");
		background-size:cover;
		background-repeat:no-repeat;	
	}
	
.prezentare
	{
		display:block;		
		height:100vh;
		width:100vw;
		text-align:center;		
	}

.prezentare h1
	{	
		position:relative;
		top:15%;
		font-family:serif;
		font-size:3rem;
		color:bisque;	
		line-height:20rem;		
	}

.btn
	{
		position:relative;
		top:30%;
		height:4rem;
		width:14rem;
		background-color:antiquewhite;
		color:dimgray;
		border-radius:30rem;
		font-family:serif;
		font-size:2.4rem;		
	}
	

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



	/* media queries */

@media (max-width:576px),(orientation:portrait) {
	
}

@media (min-width:576px) and (orientation:landscape){
	.prezentare h1{top:-10vh;}
	.btn{top:-7vh}
	#footer-set	{height: 10vh;}
	#footer-set p{padding:2% 0;}
}

@media (min-width:768px) and (orientation:landscape){
	
}

@media (min-width:992px){
	.prezentare h1{top:15vh;font-size: 7rem;}
	.btn{top:25vh}
	#footer-set	{height: 6vh;}
	#footer-set p{padding:1% 0;}
}

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