@charset "UTF-8";

body, html {

	margin: 0;

}



header {

	width: 100%;

	min-height: 70px;

	float: left;

	background: linear-gradient(to right, black, #60352b);

}



header ul {

	text-align: right;

}



header ul li {

	display: inline-block;

	list-style-type: none;

	margin: 5px 25px 0 25px;

}



header ul li a {

	font-size: 25px;

	color: white;

	text-decoration: none;

}



header ul li a.active, header ul li a:hover {

	text-decoration: underline;

}



.center {

	max-width: 1200px;

	margin: 0 auto;

}



@media screen and (max-width: 600px) {

	header .center {

		width: 100%;

		height: auto;

		float: left;

	}

	

	header ul {

		text-align: center;

		padding: 0;

		float: left;

		width: 100%;

	}

	

	header ul li {

		width: 100%;

		margin: 0;

		float: left;

		display: unset;

	}

}