@font-face {
	font-family: 'OpenSansRegular';
	src: local('OpenSansRegular'), url('../fonts/OpenSansRegular.woff') format('woff');
}
:root {
	--body-font-family: "OpenSansRegular", Helvetica, "sans-serif";
	--body-bg-color: #222;
	--body-fg-color: #fff;
	--nav-bg-color: rgb(0 0 0 /.25);
	--link-color:#ffffff;
}
* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}

body {
	font-family: var(--body-font-family);
	background-color: var(--body-bg-color);
	color: var(--body-fg-color);
	width:100dvw;
	height:100dvh;
	max-width:1440px;
}
#bodybg{
	background-size: cover;
	background-position: center center;
	background-image: url('../images/image001.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	transition: background-image 1s ease-in-out;
}

h1{font-size: 1.75rem;}
h2{font-size: 1.625rem;}
h3{font-size: 1.5rem;}
h4{font-size: 1.375rem;}
h5{font-size: 1.25rem;}
h6{font-size: 1.125rem;}
h1.sitetitle{
	line-height: 1.5rem;
}
h1,h2,h3,h4,h5,h6{
	color:#fff;
	letter-spacing: .2rem;
}
p {
	margin-top:.5rem;
	margin-bottom: 1rem;
}
a{
	color:var(--link-color);
	text-decoration: none;
	border-right:1px solid transparent;
}
a:hover{
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.sitetitle{
	padding-bottom:1rem;
}
.sitetitle a,.sitetitle a:hover{
	border:none;
}
nav{
	position:absolute;
	top:10px;
	left:10px;
	width:320px;
	z-index: 99;
	background-color:var(--nav-bg-color);
	padding:1rem;
}
address{
	text-align:left;
}
address span{
	display:none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
.announcement, .social{
	margin:2rem 0;
}
.announcement a{
	text-decoration: underline;
	text-decoration-color: darkorange;
	border:0;
}
.social ul{
	text-align: left;
}
.content{
	margin-top:1rem;
	margin-left: 400px;
}
@media (max-width:899px){
	h1{font-size:1.125rem;}
	h2{font-size:1.1rem;}
	nav{
		width:124px;
	}
	.content{
		margin-left:156px;
	}
}