body {
     background-color: #d8c6b8
}
    
#logo {
	float: left;
	display: inline;
	padding: 5px 10px 10px 0px;
	}

ul {
	clear: left;
	float: left;
	width: 100%;
	background-color: #7b573e;	
	list-style-position: inside;
	list-style-type: none
}

li {
  float: right;
}

li a {
  display: block;
  color: #d8c6b8;
  text-align: center;
  padding: 15px 15px;
  text-decoration: none;
}

li a:hover {
  background-color: #543136;
}

h1 {
    font-family: 'Goudy Old Style', serif; 
    color: #cf1c44;
    text-align: center
    }
    
p {
    color: #0b9446; 
    font-family: 'Goudy Old Style', serif;
    text-align: center
    }

.column {
  float: left;
}

/* left column */
.column.left {
  width: 33.3%;
}

/* right column */
.column.right {
  width: 66.6%;
}

.footer {
  background-color: #7b573e;
  text-align: center;
  padding: 15px 15px;
  text-decoration: none;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  padding: 15px;
}