html {
	height: 800px;
	margin: 0;
	padding: 0;
}

body {
	background-image: url(img/wood2.jpg);
	background-size: cover;
	background-position: center;
	height: 100%;
	margin:0;
	padding: 0;
	width: 100%;
}

@font-face {
	font-family: foxcat;
	src: url(font/foxcat.ttf);
}

.logo img {
	width: 200px;
	height: auto;
	float: left;
	position: relative;
	top: 0px;
}

.heading {
	font-size: 40px;
	font-family: foxcat;
	font-weight: bold;
	position: relative;
    top: 70px;
    left: 0px;
    width: 100%;
    white-space: nowrap;
    text-align: center;
}

/*-----nav-----*/
.topnav {
	float: right;
	list-style-type: none;
	margin-top: 25px;
	position: relative;
	top: 0px;
}

.topnav li {
	display: inline-block;
}

.topnav li a {
	color: black;
	text-decoration: none;
	padding: 5px 10px;
	font-family: foxcat;
	font-size: 25px;
	font-weight: bold;
}

.topnav li.active a {
	border: 1px solid black;
}

.topnav li a:hover {
	border: 1px solid black;
}


body {
	font-family: georgia;
	font-size: 20px;
}

.row {
	max-width: 1200px
	margin: auto;
}

/*--------MENU-------*/
.menu {
	width: 100%;
	height: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 60px;
	left: 0px;
}

.menu table{
	width: 800px;
	height: 800px;
	margin-right: auto;
	margin-left: auto;

}

.menu th{
	background-color: #880c0c;
	font-size: 30px;
	color: white;
	font-family: foxcat;
	padding-top: 5px;
}

.menu tr.dish {
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	line-height: 1.8;
	margin-top: 10px;
}

.menu tr.descrip {
	font-size: 15px;
	padding-bottom: 10px;
	font-style: italic;
}

.menu tr.course{
	background-color: #880c0c;
	font-size: 30px;
	color: white;
	font-family: foxcat;
	text-align: center;
}

/*-----contact-----*/

input[type=text], select, input[type=email] {
 	width: 725px;
  	padding: 12px 20px;
  	margin: auto;
  	display: inline-block;
  	border: 1px solid #ccc;
  	border-radius: 4px;
  	box-sizing: border-box;
}

#contactmessage {
	font-size: 20px;
	text-align: center;  
    position: relative;
    top: 70px ;
    left: 0px;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.inputs {
    position: relative;
    top: 120px;
    left: 0px;
    margin-right:auto;
    margin-left: auto;
    width: auto;
    line-height: 1.2;
    text-align: center;
}

input[type=submit]{
	background-color:  #880c0c;
	border-radius: 4px;
	color: white;
}

/*-------footer-------*/
footer {
	position: relative;
	left: 0;
	top: 400px;
	width: 100%;
	background-color: #880c0c;
	color: white; 
	padding: 20px 0px;
	height: 110px;

}

.info {
	float: left;
	margin-left: 50px;
	text-align: center;
	font-size: 17px;
	line-height: 0.6;
	position: relative;
	left: -20px;
	top: 0px;
	display: inline-block;

}

.hours{
	float: right;
	margin-right: 50px;
	text-align: right;
	padding-top: 10px;
	text-align: center;
	font-size: 17px;
	line-height: 0.6;
	position: relative;
	top: 0px;
	display: inline-block;
}

.website {
	text-align: center;
	padding-top: 45px;
	font-size: 17px;
	position: relative;
	left: -40px;
}

/*-----home-----*/

.home{
	font-size: 40px;
	text-align: center;
	font-family: foxcat;
	font-weight: bold;
	position: relative;
    top: 70px;
    left: 0px;
    white-space: nowrap;
    width: 100%;
}

.piccontainer {
	text-align: center;
	width: 100%;
}

.rowpic {
	position: relative;
	top: 100px;
	left: 0px;
	width: auto;
	margin-left: 0px;
	display: inline-block;
}


h1 {
	font-family: foxcat;
	font-size: 35px;
}

.whatis {
	position: relative;
	top: 160px;
	left: 0px;
	width: 90%;
	height: auto;
	text-align: center;
	line-height: 1.4;
	border: 1px solid black;
	background-color:#880c0c;  
	color:#e6e6e6;
	padding: 0px 10px;
	border-radius: 25px;
	margin-left: 5%;
	margin-right: 5%;
}

.motto {
	text-align: left;
	font-size: 25px;
	position: relative;
	top:190px;
	width: 100%;
}

.motto p{
	float: left;
	text-align: center;
	margin-left: 10%;
}


/*-----catering-----*/

.catering {
	font-size: 20px;
	text-align: center;
	position: relative;
    top: 60px;
    left: 0px;
    width: 800px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.video {
	position: relative;
	top: 190px;
	left: 0px;
	width:100%;
	text-align: center;
}

 .cateroptions {
 	width: 900px;
 	position: relative;
 	top: 100px;
 	left: 0px;
 	text-align: center;
 	margin-left: auto;
 	margin-right: auto;
 }

 .cateroptions table{
 	width: 900px;
 	text-align: center;
 	background-color:#880c0c;
 	color: #e6e6e6;
 	border-radius: 25px; 
 	padding: 15px;
 	border: 2px solid black;
 }

 .catertype{
 	font-size: 30px;
 	font-family: foxcat;
 	text-transform: uppercase;
 }

 .caterdescrip{
 	font-size: 20px;
 	margin: 10px;
 	line-height: 1.3;

 }
 .cateroptions table tbody{
 	width: 800px;
 }

 .food{
 	font-size: 20px;
 }
 
 /*-----gallery-----*/
 div.gallery {
 	margin: 5px;
  	border: 1px solid black;
  	float: left;
  	width: 200px;
  	position: relative;
  	top: 80px;
  	left: 11%;
}

div.gallery:hover {
  	border: 1px solid #777;
}

div.gallery img {
  	width: 100%;
  	height: 150px;
}

div.desc {
  	padding: 15px;
  	text-align: center;
}

div.gallerybottom {
  	margin: 5px;
  	border: 1px solid black;
  	float: left;
  	width: 200px;
  	position: relative;
  	top: 140px;
  	left: 11%;
}

div.gallerybottom:hover {
  	border: 1px solid #777;
}

div.gallerybottom img {
  	width: 100%;
  	height: 150px;
}

div.descbottom {
  	padding: 15px;
  	text-align: center;
}

/*-----order-----*/
.card, .cardtwo {
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  	max-width: 300px;
  	margin: auto;
  	text-align: center;
  	font-family: georgia;
  	border: 1px solid black;
  	float: left;
  	margin-right: 2%;
  	max-height:600px;
  	position: relative;
  	top: 70px;
  	left: 15%;
}


.price {
  	color: black;
  	font-size: 22px;
}

.card button, .cardtwo button {
  	border: none;
  	outline: 0;
  	padding: 12px;
  	color: white;
  	background-color: #880c0c;
  	text-align: center;
  	cursor: pointer;
  	width: 100%;
  	font-size: 18px;
}

.card button:hover {
  	opacity: 0.7;
}

.disclaimer {
	width: 100%;
	text-align: center;
	position: relative;
	top: 50px;
	left: 0px;
	font-weight: bold;
}

/*-----about-----*/
.story{
	position: relative;
	top: 80px;
}
.story p{
	margin-left: 150px;
	margin-right: 100px;
	line-height: 1.4;
	border: 1px solid black;
	background-color:#880c0c;  
	color:#e6e6e6;
	border-radius: 25px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.familypic {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
  	height: 200px;
  	width: 340px;
  	margin-right: 100px;
  	margin-left:20px;
  	margin-top: 2%;
 }

 .story h1{
 	margin-left: 150px;
 	font-size: 35px;
 }