body {
	margin:0 auto;
	font-family: "Avenir Next";
}

a,
    a:visited,
    a:hover,
    a:active {
      text-decoration: none !important;
      color: inherit;
    }

li {
	list-style: none;
}

.header {
	background-color: #c0c0c0;
	color: #fff;
	height: 90px;
	widgh:100%;
}

.header-logo {
	float: left;
	size: 36px;
	padding: 20px 40px;
}

.header-list li {
	float:right;
	padding: 33px 20px;
}

.title {
	display: flex;
	justify-content: center;
}
.mail {
	display: flex;
	justify-content: center;
}

.mail a {
	display:inline-block;
	padding:10px 20px;
	background:#505050;
	color:white;
	text-decoration:none;
	border-radius:5px;
}

.footer {
	background-color: #2f5167;
	color: #fff;
	height: 50px;
	padding: 40px;
}

.footer-list li {
	padding-left:50px;
	padding-right:50px;
	float:left;
}