body{

	font-size: 20px;

	font-family:  serif;

	color: #333;

    font-weight: 300;

    text-align: center;

    background-color: #f8f6f0;

}

footer {

    display: flex;

	left: 0;

	bottom: 0;

	width: 100%;

	text-align: center;

    justify-content: center;

    padding: 5px;

    background-color: #111;

    color: #ffffff;	

}

ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  background-color: #111;

  position: fixed;

  top: 0;

  width: 100%;

}

h1{

	padding-bottom: 2px;

	padding-top: 25px;

    color: black;

    background-color: white;	

	margin-block-end: none;

}

a{

	text-decoration: none;

	color: #a8a8a8;

}

li {

  float: left;

  display: inline;

}

li a {

  display: block;

  color: white;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

}

.active {

  background-color: #279;

  color: #279;

}

li a:hover {

  background-color: #279;

}

html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

	background-color: #f8f6f0;

}

body {

  font-family: 'Open Sans', sans-serif;

  font-weight: 300;

  text-align: center;

  color: #7f7e7e;

  background-color: #ececec;

  margin: 0;

  padding: 0;

}

p{

	padding-top: 50px;

	margin-left: 10%;

	margin-right: 10%;

	color: black;	

}