a, a:active {
outline: none;
}
.navlink{
color: #323945;
font-size: 15px; 
font-weight: bold;
font-family: arial,tahoma,verdana;
text-decoration: none;
}
:hover.navlink{color: #0D1015;}
.navtext{
color: #323945;
font-size: 15px; 
font-weight: bold;
font-family: arial,tahoma,verdana;
text-decoration: none;
}
.bronlink{
color: #FD1A1A;
font-size: 15px; 
font-weight: bold;
font-family: arial,tahoma,verdana;
text-decoration: none;
}
:hover.bronlink{color: #AA0000;}
.mail{
	color: #3D3E45;
	font-size: 18px; 
	font-family: arial,tverdana,ahoma;
	font-weight: bold; text-decoration:none
}
:hover.mail{color: #3F453D;}
.modlink{
color: #5B5F58;
font-size: 12px; 
font-family: arial,tahoma,verdana;
text-decoration: none;
}
:hover.modlink{color: #3F453D;}
.header{
color: #3D3E45;
font-size: 20px; 
font-family: arial,tahoma,verdana;
text-decoration: none;
}
:hover.header{color: #3F453D;}
.link{
color: #3D3E45;
font-size: 12px; 
font-weight: bold;
font-family: arial,tahoma,verdana;
}
:hover.link{color: #000000;}
.text{
color: #3D3E45;
font-size: 14px; 
font-family: arial,tahoma,verdana;
text-decoration:none
}
.textphoto{
color: #3D3E45;
font-size: 17px; 
font-family: arial,tahoma,verdana;
text-decoration:none
}
.text3{
color: #3D3E45;
font-size: 16px; 
font-family: arial,tahoma,verdana;
text-decoration:none
}
.textlink{
color: #3D3E45;
font-size: 14px; 
font-family: arial,tahoma,verdana;
text-decoration:none
}
:hover.textlink{color: #000000;}
.tabtext{
color: #3D3E45;
font-size: 12px; 
font-family: arial,tahoma,verdana;
text-decoration:none
}
.text2{
color: #3D3E45;
font-size: 13px; 
font-family: arial,tahoma,verdana;
text-decoration:none
}
:hover.text2{color: #000000;}
.page-container{
	max-width: 980px;
	margin: 0 auto;
	width: 100%;
}

header{
	min-height: 220px;
	background: url("/images/hbg.jpg") center;
	background-size: cover;
}

main{
	background: #fffaea;
}
ul{list-style: none; text-align: left}
.menu{
	background: linear-gradient(45deg, #a5c0dd, #deeaf6);
	border: 1px solid #888;
	box-shadow: 1px 1px 5px #aaa;
	min-width: 270px;
	width: 100%;
	margin-left: -20px;
}
.menu>ul{
	padding: 20px;
	margin: 0;
}
.menu li{
	margin: 9px 0;
}
.flex-2{
	display: flex;
	justify-content: space-between;
	align-items: start;
	box-sizing: border-box;
}

.flex-2 div:nth-child(2){
	padding: 0 30px;
	padding-bottom: 20px;
	font-size: 18px;
}
.flex-2 div:nth-child(2) td{
	font-size: 16px;
}
footer{
	background: linear-gradient(0deg, #a5c0dd, #deeaf6);
	min-height: 40px;
	border: 1px solid #888;
}
h1{text-align: center;
	color: #2a6595;
	text-shadow: 1px 1px 2px #fff;
}
body, html{
	padding: 0;
	margin: 0;
	border: 0;
}
h3{
	text-align: center;
	color: #b3396f;
}
h2{
	font-size: 24px;
	color: #06009d;
}
@media screen and (max-width: 768px){
	.flex-2{
		flex-wrap: wrap;
	}
	.menu{
		width: 100%;
		max-width: unset;
		display: flex;
		justify-content: center;
		font-size: 24px;
		margin: 40px 20px;
	}
	.menu a,
	.menu li{
		font-size: 20px;
	}
}
.headerphoto{
	max-width: 100%;
	width: 100%;
}
.headerphoto td{
	width: 30%;
}

.headerphoto td img{
	width: 100%;
}