body {background-color: #543136 }
@font-face {
	font-family:'Klinic';
	src:url(css/fontsklinicslabbook.otf);
	font-style: bold;
	font-weight: 100;
}
@font-face {
	font-family:'Klinic';
	src:url(css/fontsklinicslabmedium.otf);
	font-style: normal;
	font-weight: 100;
}
@font-face {
	font-family:'Klinic';
	src:url(css/fontsklinicslabbold.otf);
	font-style: normal;
	font-weight: 100;
}
.main-banner {
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}
.wrapper {
	margin: 0 auto;
	width: 1000px;
	background: #D8C6B8;
	}
.logo {
	margin-left: center;
	marign-right: center;
	padding: 5px;
}
h1   {
	color: #7B573E;
	font-family: "Klinic Slab Book";
	font-size: 300%;}
p    {
	display: inline-block;
	color: #7B573E;
	font-family: "Klinic Slab Medium";
	font-size: 100%;
	padding: 10px;
	}
body {
	margin:0;
	background: #543136;
	font-family:"Klinic Slab Bold", "Klinic Slab Book", "Klinic Slab Light", "Klinic Slab Medium";
	font-weight:300;
	color: #7B573E;
}
b {
	margin:0;
	background: #D8C6B8;
	font-family: "Klinic Slab Book";
	font-weight: bold;
	color: #7B573E;
}
h3   {
	color: #7B573E;
	font-family: "Klinic Slab Medium";
	font-size: 100%;
}
small    {
	color: #D8C6B8;
	font-family:"Klinic Slab Light", "Klinic Slab Bold";
	font-size: 100%;}
.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  background-color: #333;
}

.nav li {
    display: inline-block;
}

li a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}
.home-text {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px; 
	}
.footer-copyright{
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #333;
  color: white;
  text-align: center;
}
.round{
	align-content: center;
}
.round img {
  border-radius: 50%;
}
.contactform{
	padding: 40px;
}
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}
.cateringgallery{
	display: inline-block;
	padding: 20px;
	margin-left: 80px;
	margin-right: auto;
	vertical-align: middle;
	}
.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  width: 180px;
  float:left;
  }
.sitemapstuff{
	display: inline-block;
	padding: 20px;
	margin-left: 180px;
	width: 200;
	margin-right: auto;
	vertical-align: center;
	}
.gallery:hover {
  border: 1px solid #777;
}

.gallery img {
  width: 100%;
  height: auto;
}

.desc {
  padding: 15px;
  text-align: center;
}
.menu{
	padding: 20px
}
.information{
	text-align: center;
	padding:20
}
.menu{
	padding:20px;
	vertical-align: middle;
	text-align: center;
}
.slide-container{
	height: 70%;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.slide-container{
	transition: left: 2s;
}
.slide-image{
	float:left;
	margin: 0px;
	padding; 0px;
}