@charset "utf-8";
/* CSS Document */

body {
	background-image: url(http://www.geocities.ws/catwood/IMAGES/ingredients.jpg);
	background-repeat: no-repeat;
				
}

/* Change the link color on hover */
nav a:hover {
	background-color: #555;
}
			
ul {
	background: #d7c5b7;
	margin-top: 0px;
	align-content: center;
	filter: opacity(75%);
	padding: 10px;
	overflow: auto;
	top: auto;
	border-radius: 25px;
}
			
        
nav a {
	color: #543136;
    text-decoration: none;
    text-transform: uppercase;
    font-family: klinic slab bold;
    font-size: 210%;
	background-color: #d7c5b7;
}
			
.hours {
	color: #543136;
	font-family: klinic slab bold;
    font-size: 300%;
	text-align: left;
	background-color: #d7c5b7;
	padding: 1em;
    font-size: 130%;
	border-radius: 25px;
	filter: opacity(75%);
	padding: 9px 19px 9px 19px;			
	margin-left: 60px;
	margin-bottom: 0px;
}

.story {
	margin-left: 50px;
	padding: 1em;
	overflow: hidden;
	background-color: #d7c5b7;
	border-radius: 25px;
	color: #543136;
	text-align: left;
	filter: opacity(75%);
	width: 1000;
}

.logo{
	margin-left: 30px;
}
			
.image1 {
	box-shadow: 5px 5px 25px #000;
	margin-right: 10px;
	margin-top: 0px;
	align-self: center;
	margin-left: 315px;
			
}
			
.image2 {
	box-shadow: 5px 5px 25px #000;
	margin-right: 10px;
	margin-top: 0px;
	align-self: center;
			
}
			
.image3 {
	box-shadow: 5px 5px 25px #000;
	margin-right: 10px;
	margin-top: 0px;
	align-self: center;
				
}
			
table, th, td { 
	vertical-align: top;
	margin: 50px;
	margin-top: 0px;
}

ol {
	background: #d7c5b7;
	margin-top: 0px;
	align-content: center;
	filter: opacity(75%);
	padding: 10px;
}
        
footer { 
	vertical-align: bottom;
	text-align: center;
	background-color: #d7c5b7;
	margin-top: 215px;
	background: #d7c5b7;
	font-family: klinic slab bold;
    font-size: 100%;
}

.link {
	padding: 50px;
}