p {font-family: 'athelas'}

@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;}
    p.ex1 {margin: 1cm 4cm 0cm 4cm}
    p.ex2 {margin: 1cm 4cm 2cm 4cm}
 


input[type=text], select {
    width: 40%;
    height: 70%;
    padding: 12px 10px;
    margin: 9px 0;
    display: inline-block;
    border: 1px solid #d4a18d;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: 'athelas'}

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}

input[type=submit]:hover {
    background-color: #ef4e22;}
label{font-family: 'athelas'; font-weight: bolder}

.center {margin: auto; width: 50%}


 .menu-body {
  max-width: 700px;
  margin: 0 auto;
  display: block;
  color: #41393d;}
 
.menu-section {
  margin-bottom: 80px;}
 
.menu-section-title {
  font-family: 'majestibanner';
  font-size: 300%;
  display: block;
  font-weight:normal;
  margin: 20px auto; 
  text-align: Center;
    color: #}
 
.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: #d4a18d}
  
 img {display: block;
    margin: auto; border-style: solid; border-width: thick; border-color:#d7e4c2} 
 
 
 
 
 footer{text-align: center;
     background-color:#41393d;
    width: 100%;
    padding: 15px;
    font-family: 'majestibanner';
    font-weight: bold}
 
#header{
    width:100%;
    text-align:center