*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	background: transparent;
}
a, a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	color: #000;
}
header{
	width: 100%;
	height: 77px;
	background: #b07fdb;
	display: flex;
	flex-direction: column;
	align-items: center;
}
header>div{
	width: 100%;
	height: 20px;
}
.container{
	margin: 100px 0 0;
	width: 100%;
	display: flex;
	justify-content: center;
}
.container>ul{
	width: 250px;
	list-style: none;
}
.container>ul>li{
	width: 100%;
}
.container>ul>li>a{
	margin: 30px 0;
	padding: 10px 0;
	width: 100%;
	background: #b07fdb;
	display: flex;
	justify-content: center;
	align-items: center;
}
.container>ul>li>a:hover{
	opacity: .8;
}
@media screen and (max-width: 1080px){
	.container>ul{
		width: 95%;
	}
}