*{
	margin:0;
	padding:0;
}

body{
	background-color:#660000;
	font-family:sans-serif;
}

a:hover{
	opacity: 0.7;
}

.wrapper{
	width: 100%;
	min-width: 375px;
	max-width:1000px;
	background-color:#ffffff;
	margin:auto;
}

.menu{
	width: 100%;
	min-width: 375px;
	max-width:1000px;
	height:65px;
	background-color:#000000;
	color:#ffffff;
	list-style-type:none;
	position:fixed;
	display: flex;
	z-index: 9999;
}

.menu-logo{
	width: 100%;
	min-width:70px;
	max-width:220px;
	height:65px;
	border-bottom:solid thick #000000;
	font-weight:bold;
	background-repeat:no-repeat;
	font-family:cursive;
	line-height:70px;
	display: flex;
	box-sizing: border-box;
}

.menu-logo>a{
	text-decoration: none;
	text-align:center;
	color:#ffffff;
	width: 100%;
}

.menu-btn{
	width: 100%;
	min-width:70px;
	max-width:195px;
	height:65px;
	font-weight:bold;
	background-repeat:no-repeat;
	text-align:center;
	line-height:70px;
	display: flex;
	box-sizing: border-box;
	border-left:1px solid #ffffff;
}

.menu-btn:hover{
	width: 100%;
	min-width:70px;
	max-width:195px;
	height:65px;
	background-color:#ff0033;
	font-weight:bold;
	background-repeat:no-repeat;
	text-align:center;
	line-height:70px;
	box-sizing: border-box;
	border-left:1px solid #ffffff;
}

.menu-btn>a{
	text-decoration: none;
	color:#ffffff;
	width: 100%;
}

footer{
	width: 100%;
	min-width: 375px;
	max-width:1000px;
	height:90px;
	background-color:#000000;
	color:#ffffff;
	text-align:center;
	line-height:40px;
	margin: auto;
}

.footterLink{
	width: 300px;
	margin: auto;
	display: flex;
	list-style-type:none;
	padding-top: 5px;
}

.footterLinkBtn{
	padding: 0 10px;
}

.footterLinkBtn>a{
	text-decoration: none;
	color:#ffffff;
	width: 100%;
}


@media screen and (min-width:769px) {
	.menu-logo{
		font-size:28px;
	}

	.menu-btn{
		font-size:20px;
	}

	.menu-btn:hover{
		font-size:20px;
	}
}

@media screen and (max-width:768px) {
	.menu-logo{
		font-size:16px;
	}

	.menu-btn{
		font-size:16px;
	}

	.menu-btn:hover{
		font-size:16px;
	}
}