body
{
	font-family: comic sans ms;
	font-size: 25px;

}

table
{
	background-color: #fcf7e8;
}

h1 
{
	font-size: 35px;	
}

h2
{
	font-size: 25px;
}

h3
{
	font-size: 20px;
}

li
{
	text-align: left;
}


#logo
{
	position: static;
	float: center;
	margin: -25px 15px 50px 0;
}

.flex-container {
    display: -webkit-flex;
    display: flex;  
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    font-weight: bold;
    text-align: center;
	width: 1000px;
	margin: 25px 0 0 100px;
}

.flex-container > * {
    padding: 10px;
    flex: 1 100%;
}

td 
{
  vertical-align: top;
}

.header 
{
	float: left;
	width: 1250px;
	height:200px;
	border-bottom-style: dotted;
}

/*
			.header p
			{
				position: absolute;
				/*text-align: right;*/       /*
				margin: 125px 0 0 650px;
				z-index: -1;
			}
/*
			.stuff
			{
				text-align: left;
				/*background-color: #F7E7BD;   
				background-color: pink;
			}

			.main {
				text-align: left;
				background-color: yellow;

			} 
			
*/

.footer 
{
	height: 150px;
	margin: 15px 0 100px 0;	
}

@media all and (min-width: 600px) 
{
    .aside { flex: 1 auto; }
}

@media all and (min-width: 1000px) 
{
    .main    { flex: 6 0px; }
    .stuff 	 { order: 1; } 
    .main    { order: 2; }
    .footer  { order: 3; }
}