header {
	background: rgba(255, 255, 255, 0.7); width: 100%; position: fixed; z-index: 2;
	height:80px;
}

footer span {
	font-family: Century Gothic, sans-serif;
}
header {
	line-height: 0; font-size: 0px; display: table;
}
header h1 {
	display: table-cell;
}
nav {
	display: table-cell;
}
nav {
	text-align: right; vertical-align: bottom;
}
header h1 a img {
	margin: 10px; 
}
header ul {
	margin: 0px 10px 10px 0px; line-height: 1; font-size: 13px;
}
header ul li {
	margin-left: 3px; display: inline-block;
}
header ul li::after {
	content: " |";
}
header ul li:last-child::after {
	content: "";
}
header ul li a {
	color: inherit;
}


@media screen and (max-width:1000px)
{
html {
	-webkit-text-size-adjust: 100%;
}
a img:hover {
	opacity: 1;
}
header h1 a img {
	height: 30px;
}
}
@media screen and (max-height:768px)
{
html {
	-webkit-text-size-adjust: 100%;
}
a img:hover {
	opacity: 1;
}
header h1 a img {
	height: 30px;
}
}
@media screen and (max-width:768px)
{
html {
	-webkit-text-size-adjust: 100%;
}
a img:hover {
	opacity: 1;
}
header h1 a img {
	height: 30px;
}
footer {
	padding: 5px; font-size: 80%;
}
}