body {
	background-image: url("img/bg.jpg");
	background-size:auto;
	background-attachment:local;
	background-repeat:repeat;
}

.header {
	height:200px;
	text-align:center;
	align-content:center;
}

.header .title {
	border:0px;
}

.menu {
	height:50px;
	text-align:center;
	align-content:center;
}

.menu ul {
	margin-left:-20px;
}

.menu ul li {
	display:inline-block;
	list-style:none;
	text-align:center;
	margin:auto 30px;
}

.content {
	height:700px;
	padding:20px;
}

.footer {
	display:flex;
	height:250px;
	background:#000000;
	color:#CCCCCC;
	margin:auto -8px;
}

.footer .main1 .name {
	font-size:x-large;
}

.footer a {
	color:#CCCCCC;
}

.side {
	flex:1;
}

.main1 {
	width:400px;
}

.main2 {
	width:300px;
	margin-top:10px;
}

.main2 li {
	margin-bottom:5px;
}

.copyright {
	height:30px;
	background:#000000;
	color:#CCCCCC;
	font-size:smaller;
	text-align:center;
	margin:-16px -8px;
}

hr {
	width:85%;
	background:none;
	margin:auto auto 40px;
}