p {font-family: 'athelas'; line-height: 160%}

@font-face {font-family:majestibanner; src: url(./fonts/majestibold.otf); }

<script src="https://use.typekit.net/kmb2qkc.js"></script>
<script>try{Typekit.load({async: true});}catch(e){}</script>


h1 {font-family: 'majestibanner';}


ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #41393d;
}

li {float: left;}

li a {display: block;
    color: white;
    text-align: center;
    padding: 20px 20px;
    text-decoration: none;
    font-size: 25px}

li a:hover {background-color: #ef4e22;}
li a:active {background-color: #ef4e22;}

p.ex1 {margin: 1cm 7cm 0cm 7cm}
p.ex2 {margin: 1cm 7cm 2cm 7cm}


body a:link{color:#d7e4c2; font-family:majesti}
body a:visited{color:#d7e4c2}
body a:active{color: #ef4e22}

input[type=text], select {
	width: 100%;
	height: 70%;
	padding: 12px 10px;
	margin: 9px 0;
	display: inline-block;
	border: 1px solid #d4a18d;
	border-radius: 4px;
	box-sizing: content-box;
	font-family: 'athelas';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	font-size: 150%;
}

input[type=submit] {
	width: 30%;
	background-color: #d7e4c2;
	color: #41393d;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-family: 'majestibanner';
	font-weight: bolder;
	font-size: 170%;
}

input[type=submit]:hover {
	background-color: #ef4e22;
	margin-left: auto;
	font-size: 170%;
}
label{
	font-family: 'athelas';
	font-weight: bolder;
	font-size: 170%;
}

.center {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}


 .menu-body {
  max-width: 700px;
  margin: 0 auto;
  display: block;
  color: #41393d;}
 
.menu-section {
  margin-bottom: 80px;}
 
.menu-section-title {
  font-family: 'majestibanner';
	font-style: italic;
  font-size: 300%;
  display: block;
  font-weight:normal;
  margin: 20px auto; 
  text-align: Center;
    color: #41393d}
 
.menu-item {
  margin: 35px auto;
  font-size: 175%;}
 
.menu-item-name{
  font-family: 'majestibanner';
  font-weight: bold;
  border-bottom: 3px dotted #d7e4c2;}
 
.menu-item-description {
    font-family: 'athelas';
    font-style: italic;
  font-size: .9em;
  line-height: 1.5em;}
 
.menu-item-price{
  float: right;
  font-weight: bold;
  font-family: 'athelas';
  margin-top: -35px;
    font-size: 90%;
    color: #be1e2d}
  
 img {
	display: block;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;} 
 
 
 
 
 footer{
	text-align: center;
	background-color: #41393d;
	width: 100%;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	font-family: 'majestibanner';
	font-weight: bold;
}

#banner {
	background-image: url(images/banners.jpg);
	width: 1395px;
	height: 465px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto}