*{
font-family: Charlemagne Std;
	
}
ul{
	float: right;
	list-style-type: none;
	margin-top: 25px;
}

ul li{
display:inline-block;

}

ul li a{
	text-decoration: none;
	color: #fff;
	padding: 5px 20px;
	border: 2px solid transparent;
	transition: 0.6s ease;
}
ul li a:hover{
 	background-color: #fff;
 	color: #000;
}
ul li.active a{
	background-color: #fff;
 	color: #000;
}
 .title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}

.title h1{
color: #fff;


header{

	background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../17.jpg);
	height:  100vh;
	background-size: cover;

}
ul{
	float: left;
	list-style-type: none;
	margin-top: 25px;
}

ul li{
display:inline-block;

}

ul li a{
	text-decoration: none;
	color: #fff;
	padding: 5px 20px;
	border: 2px solid transparent;
	transition: 0.6s ease;
}
ul li a:hover{
 	background-color: #fff;
 	color: #000;
}
ul li.active a{
	background-color: #fff;
 	color: #000;
}