/*
:root {
--main-color: #9999CC;
--nav-color: #9966CC;
}
*/
body {
	font-family:'Open Sans',sans-serif;
}
#wrapper {
	max-width:940px;
	padding: 0 5%;
	margin: 0 auto;
}
a {
	text-decoration:none;
}
header {
	float:left;
	margin:0 0 0px 0;
	padding: 5px 0 0 0;
	width:100%;
}
header {
   /*border-color:var(--main-color);
   background:var(--main-color);*/
  border-color:#151B54;
  background-color:#151B54;
}
#logo {
	text-align:center;
	margin:0;
    background:blue;
}
#logo table {
 margin-left:auto;
 margin-right:auto;
}
h1 {
	font-family:'Changa One',sans-serif;
	margin: 15px 0;
	font-size:1.8em;
	font-weight:normal;
	line-height:0.8em;
}
h2 {
  	font-family:'Open Sans',sans-serif;
	font-size:1.2em;
	font-weight:normal;
}
h3 {
  	font-family:'Open Sans',sans-serif;
	font-size:1.2em;
	font-weight:normal;
  	color:black;
}
a {
	color:#6ab47b;
}
h1, h2 {
	color:#fff;
}
/*nav link*/
nav a,nav a:visited {
	color:#fff;
}
/*selected nav link*/
nav a.selected,nav a:hover {
	color:red;
}
nav li {
	display:inline-block;
}
nav {
	text-align:center;
	padding:10px 0;
	margin:0;
  	/*background:var(--nav-color);*/
  	background-color:#566D7E;
}
nav ul {
	list-style:none;
	margin: 0 10px;
	padding: 0;
}
#content {
	width:60%;
	text-align:justify;
	/*background-color:orange;*/
	color:black;
	margin:0 0;
	padding:0 0;
	word-wrap: break-word;
	float:left;
	font-size:1em;
}
#board {
	width:35%;
	margin:0 0;
	padding:0 0;
	float:left;
	/*text-align:justify;*/
	/*background-color:yellow;*/
	font-size:0.8em;
	word-wrap: break-word;
	overflow:hidden;
}
footer {
	clear:both;
	font-size:1em;
  	/*font-size:6px;*/
	text-align:center;
	clear:both;
	padding-top:0px;
	color:#ccc;
}
@media screen and (max-width: 500px) {
 body {
	font-family:'Open Sans',sans-serif;
}
#wrapper {
	max-width:940px;
	padding: 0 5%;
	margin: 0 auto;
}
a {
	text-decoration:none;
}
header {
	float:left;
	margin:0 0 30px 0;
	padding: 5px 0 0 0;
	width:100%;
}
header {
	border-color:#151B54;
   background:#151B54;
}
#logo {
	text-align:center;
	margin:0;
    background:blue;
}
h1 {
	font-family:'Changa One',sans-serif;
	margin: 15px 0;
	font-size:1.8em;
	font-weight:normal;
	line-height:0.8em;
}
h2 {
	font-size:1.2em;
	margin: -5px 0 0;
	font-weight:normal;
}
a {
	color:#6ab47b;
}
h1, h2 {
	color:#fff;
}
/*nav link*/
nav a,nav a:visited {
	color:#fff;
}
/*selected nav link*/
nav a.selected,nav a:hover {
	color:red;
}
nav li {
	display:inline-block;
}
nav {
	text-align:center;
	padding:10px 0;
	margin:10px 0 0;
  	background:#566D7E;
}
nav ul {
	list-style:none;
	margin: 0 10px;
	padding: 0;
}
#content {
	width:100%;
	text-align:justify;
	/*background-color:orange;*/
	color:black;
	margin:0 0;
	padding:0 0;
	word-wrap: break-word;
	float:left;
	font-size:1em;
}
#board {
	width:100%;
	margin:0 0;
	padding:10px 0px;
	float:left;
	/*text-align:justify;*/
	/*background-color:yellow;*/
	font-size:0.8em;
	word-wrap: break-word;
	overflow:hidden;
}
footer {
	clear:both;
	font-size:1em;
  	/*font-size:6px;*/
	text-align:center;
	clear:both;
	padding-top:5px;
	color:#ccc;
}
}